用JS实现div的自动滚动。代码如下:
2013-03-29 16:47
555 查看
<div id="show" style="overflow:hidden;height:210px; border:1px solid #FF0000"> <script> function startmarquee(lh,speed,delay){ var t; var oHeight = 210; /** div的高度 **/ var p=false; var o=document.getElementById("show"); var preTop = 0; o.scrollTop = 0; function start(){ t=setInterval(scrolling,speed); o.scrollTop += 1; } function scrolling(){ if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0){ preTop = o.scrollTop; o.scrollTop+=1; if(preTop >= o.scrollHeight || preTop==o.scrollTop){ o.scrollTop = 0; } }else{ clearInterval(t); setTimeout(start,delay); } } setTimeout(start,delay); } startmarquee(20,20,1500); /**startmarquee(一次滚动高度,速度,停留时间);**/ </script> <!--div内要有内容。保证内容的高度超过了210px;-->
相关文章推荐
- JS实现div内部的文字或图片自动循环滚动代码
- JS实现div内部的文字或图片自动循环滚动代码
- Javascript实现DIV滚动自动滚动到底部的代码
- js+div实现文字滚动和图片切换效果代码
- JS实现-DIV自动居中代码
- JS实现当前编辑行自动滚动至div显示区域
- Js实现双击鼠标自动滚动屏幕的示例代码
- div+css+js实现无缝滚动类似marquee无缝滚动代码
- JS实现div内部的文字或图片自动循环滚动
- JS实现当前编辑行自动滚动至div显示区域
- js实现Select列表内容自动滚动效果代码
- JS实现div内部的文字或图片自动循环滚动
- js+div实现图片滚动效果代码
- DIV+CSS+JS不间断横向滚动实现代码
- js实现Select列表内容自动滚动效果代码
- JS实现div自动滚动
- DIV+CSS+JS实现图片<ul><li></li></ul>无缝滚动代码
- JS实现div自动滚动
- js+div实现文字滚动和图片切换效果代码
- JS实现当前编辑行自动滚动至div显示区域