废话不多说了,直接给大家贴代码了,具体代码如下所示:
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml " xml: lang=癳n”比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html; charset=utf - 8”比;
& lt; title> Document
& lt;风格类型=" text/css "比;
* {
填充:0;
保证金:0;
}
.box {
宽度:600 px;
身高:200 px;
保证金:60 px汽车;
溢出:隐藏;
位置:相对;
}
ul {
list-style-type:没有;
宽度:2000 px;
位置:绝对的;
上图:0;
左:0;
}
李{
浮:左;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div类="盒子" id=昂凶印北?
& lt; ul id=扒埂北?
& lt; li> & lt; img src=" https://www.yisu.com/zixun/01.jpg " alt="/祝辞& lt;/li>
& lt; li> & lt; img src=" https://www.yisu.com/zixun/02.jpg " alt="/祝辞& lt;/li>
& lt; li> & lt; img src=" https://www.yisu.com/zixun/03.jpg " alt="/祝辞& lt;/li>
& lt; li> & lt; img src=" https://www.yisu.com/zixun/04.jpg " alt="/祝辞& lt;/li>
& lt; li> & lt; img src=" https://www.yisu.com/zixun/01.jpg " alt="/祝辞& lt;/li>
& lt; li> & lt; img src=" https://www.yisu.com/zixun/02.jpg " alt="/祝辞& lt;/li>
& lt;/ul>
& lt;脚本type=" text/javascript祝辞
var盒=. getelementbyid(“盒”);
var枪=. getelementbyid(“枪”);
函数美元(我){
返回document.getElementsByTagName (img)[我];
}
var num=0;
所有();
函数所有(){
施var=setInterval(有趣,5);
枪。onmouseover=function () {
clearInterval (shi);
}
枪。onmouseout=function () {
所有();
}
函数的乐趣(){
如果(num<=-1200) {
num=0;
其他}{
gun.style.left=num +“px”;
num -;
}
}
}
& lt;/script>
& lt;/div>
& lt;/body>
& lt;/html>
以上所述是小编给大家介绍的JavaScript无缝滚动效果的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
