<div id="gegz"> <!--gegz开始处-->
<h3>广而告之<span><a href="/sites/tv/list/qhdst_list.htm?columnid=5803">更多>></a></span></h3>
<div id="demo" style="overflow:hidden;height:100px;">
<div id="demo1">
<ul style="list-style:none">
<li><a href="/publish/tv/5803/2010/20101222124533653664144/20101222124533653664144_.html" title="55555">55555</a></li>
<li><a href="/publish/tv/5803/2010/20101222105117526638419/20101222105117526638419_.html" title="444444444">444444444</a></li>
<li><a href="/publish/tv/5803/2010/20101222105106842292389/20101222105106842292389_.html" title="333333333">333333333</a></li>
<li><a href="/publish/tv/5803/2010/20101222105056780535381/20101222105056780535381_.html" title="22222222">22222222</a></li>
<li><a href="/publish/tv/5803/2010/20101222105045634893481/20101222105045634893481_.html" title="11111111111">11111111111</a></li>
</ul>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<p class="lr_bottom"></p>
</div>
########################################
实现思路:两个一样的DIV,通过改变demo的scrolltop来实现连续滚动
offsetHeight: 对象的实际大小,而width表示对象的百分比
scrolltop: 对象对窗口的上端的距离
.....(其他同理)
分享到:
相关推荐
本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考,具体如下: 以下代码实现判断页面的滚动条的滚动方向; var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = ...
非常简单的JavaScript编写的,随滚动条滚动导航。
JS模仿滚动条,超酷,超炫,超简单,源码释放,容易学习,容易上手,值得收藏哦! JS模仿滚动条,超酷,超炫,超简单,源码释放,容易学习,容易上手,值得收藏哦!
JS滚动条属性值,取得滚动条各种数据值,简单处理JS操作滚动条
原生js实现简单的无缝滚动效果。原生js实现简单的无缝滚动效果
JS数字滚动效果,简单封装了下数字滚动方法,更简便的调用,很简单很简单很简单,适合新手学习,学习学习。
JS最简单的滚动新闻,兼容IE6及其他主流浏览器,还可以调整滚动速度
三种js文字向上滚动效果,简单实用,代码精简容易上手
js 图片滚动 效果 function toleft(demo,demo1,demo2,speed,flag) { demo=$(demo); demo1=$(demo1); demo2=$(demo2) demo2[removed]=demo1[removed] function Marquee() { if(demo2.offsetWidth-demo....
一款简单原生js文字向上滚动消息框代码,可以用来做网站公告消息、最新动态等模块。
JS不间断向左滚动 html实例JS不间断向左滚动
包含echarts根据自定义图片内容形状生成词云图,纯 js 简单实现酷炫的3d球体滚动词云,并可实现根据鼠标悬浮位置定向滚动,html5方式根据htmlCanvs画布实现3d球体动态混动,可自由缩放词云画布大小。
javascript简单代码文字从下往上无缝隙滚动,从顶部开始滚动,不会出现空白
Class Of Marquee Scroll通用不间断滚动JS封装类,网页文字图片 左右上下 不简单滚动 代码大全 简单易用 学习应用绝对值!
gzip后不到3k)、可配置性高(可以自定义加载时候动画、加载完后的dom、提前加载的距离)、可扩展性强大(很方便做到指定容器内的滚动、多tab的滚动、异常处理、刷新重新加载等)、性能好(在滚动的时候做了一些性能...
简单、实用的javascript文字横向滚动效果。
两种效果的图片滚动,包括演示,代码,需要插件,简单易用,功能强大,全部JS完成
简单实用的滚动效果JS网页特效
一款简单小巧的JS图片横向滚动的展示效果
简单的JavaScript无缝滚动,代码量少,实现的效果比较简单