微客导航 » 文章资讯 » JavaScript无缝滚动效果的实例代码

JavaScript无缝滚动效果的实例代码

2024-02-26 19:32:05 141

废话不多说了，直接给大家贴代码了，具体代码如下所示：





Document

*{
padding:0;
margin:0;
}
.box{
width:600px;
height:200px;
margin:60pxauto;
overflow:hidden;
position:relative;
}
ul{
list-style-type:none;
width:2000px;
position:absolute;
top:0;
left:0;
}
li{
float:left;
}













varbox=document.getElementById("box");
vargun=document.getElementById("gun");

function$(i){
returndocument.getElementsByTagName("img")[i];
}
varnum=0;
all();
functionall(){
varshi=setInterval(fun,5);
gun.onmouseover=function(){
clearInterval(shi);
}
gun.onmouseout=function(){
all();
}
functionfun(){
if(num<=-1200){
num=0;
}else{
gun.style.left=num+"px";
num--;
}
}
}

以上所述是小编给大家介绍的JavaScript无缝滚动效果的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

JavaScript无缝滚动效果的实例代码

热门推荐

随机推荐