js无缝滚动代码,易懂易懂(自编)
复制代码代码如下所示:非所有权文件
*填充:0;边距:0;}
列表样式:无;}
# div {宽度:300px;身高:100px;保证金:100px汽车;边框1px solid # FF0000;位置:相对;溢出:隐藏;}
# DIV UL {位置:绝对的;身高:100px;左:0;}
# div ul {宽度:300px;身高:100px;线高度:100px;文本对齐:中心;浮动:左}
窗口。指针函数(){
无功odiv = document.getelementbyid(div);
VaR,= odiv.getelementsbytagname(UL){ 0 };
VaR OLI = oul.getelementsbytagname(礼);
无功oinput = document.getelementsbytagname(输入的);
oul.innerhtml + = oul.innerhtml;
灵魂。风格。宽度= OLI { 0 }。offsetwidth * OLI。长度+PX;
VaR的红外线敏感元素评估项目= 2;
VaR的驯兽师= null;
ClearInterval(驯兽师);
功能starmove(){
驯兽师= setInterval(){()函数(
灵魂。风格。左=灵魂。offsetleft +红外线敏感元素评估项目+PX;
如果(-oul.offsetleft =灵魂。offsetwidth / 2){
灵魂。风格。左=0px ;
} else if(OUL。offsetleft > 0){
灵魂。风格。左= -灵魂。offsetwidth / 2 +PX;
}
},30)
}
StarMove();
ODiv。onmouseover =函数(){
ClearInterval(驯兽师);
}
ODiv。onmouseout=函数(){
StarMove();
}
oinput { 0 }。onclick =函数(){
红外线敏感元素评估项目= 2;
}
oinput { 1 }。onclick =函数(){
红外线敏感元素评估项目= 2;
}
}
一
二
三
四