您的位置:首页 > Web前端 > JavaScript

用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;-->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: