导航:首页 > 无缝钢管 > 无缝滚动为什么滚两圈就停

无缝滚动为什么滚两圈就停

发布时间:2023-07-27 18:05:14

⑴ js图片无缝滚动代码,滚动一周就停了,求解答

这是网上找的代码吧,这个代码有BUG,就是如果内容太少,小于滚动容器的滚动距离的话,就无法连续滚动.解决的办法,要么修改代码,要么增加填充的内容到超过出容器.

⑵ JavaScript我这个无缝滚动为什么还有明显的停顿

卡顿的问题有两个因素影响了,一个是:向左移动的速度必须为div宽度能整除的数,要不减到最后判断的时候会有余量。二个是:判断的时候已经到了边界了,所以应该执行下一次。修改的例子:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>无缝滚动</title>
<styletype="text/css">
*{margin:0;padding:0;}
#div2{width:600px;overflow:hidden;position:relative;left:200px;}
#div1{position:relative;left:0px;width:1200px;}
#div1li{list-style-type:none;float:left;width:200px;height:180px;
}
img{width:100%;height:100%;}
</style>
<script>
window.onload=function(){
varoUl=document.getElementById('ul1');
varoDiv=document.getElementById('div1');
varoBtn=document.getElementById('btn1');
vart=0;
oUl.innerHTML=oUl.innerHTML+oUl.innerHTML;

varspeed=20;//速度,必须是oUl.offsetWidth能整除的数;
oBtn.onclick=function(){
clearInterval(t);
t=setInterval(function(){
if(oDiv.offsetLeft<=-oUl.offsetWidth/2){
oDiv.style.left=-speed+'px';//因为判断的时候已经到了边界了,所以应该执行下次
}else{
oDiv.style.left=oDiv.offsetLeft-speed+'px';
}
},50);
}
}
</script>
</head>
<body>
<inputid="btn1"value="开始"type="button"/>
<divid="div2">
<divid="div1">
<ulid="ul1">
<li><imgsrc="1.jpg"></li>
<li><imgsrc="2.jpg"></li>
<li><imgsrc="3.jpg"></li>
</ul>
</div>
</div>
</body>
</html>
阅读全文

与无缝滚动为什么滚两圈就停相关的资料

热点内容
北京哪里有卖不锈钢大门的 浏览:511
硅胶圈用什么模具 浏览:570
半挂车一架钢板多少钱 浏览:632
合金钢铁有哪些元素 浏览:480
不锈钢表面拉丝用什么方法 浏览:919
钢筋绑搭接长度怎么计算 浏览:705
不锈钢如何添加氮元素 浏览:168
钢铁厂旁边办什么厂最环保 浏览:236
a5密胺和食品级不锈钢哪个更健康 浏览:189
不秀钢锅脏了怎么办 浏览:995
常用钢筋机械连接方法有哪些 浏览:667
现浇钢筋混凝土楼顶怎么装吊扇 浏览:758
辽宁嘉晨钢铁怎么样 浏览:86
铝合金窗户胶纸如何好撕下 浏览:456
直缝焊管产品质量证明书 浏览:724
钢筋抗拉冷弯资料怎么做 浏览:382
镁合金门窗怎么保养 浏览:384
铝合金材料有哪些工艺 浏览:405
恒岳钢构怎么样 浏览:880
用锡怎么焊接东西 浏览:973