1、问题是:
js做无缝滚动,但图像无法滚动
2、代码如下
<style>
*{margin:0;padding:0;}
#div1{
position:relative;
width:400px;
height:133px;
margin:100px auto;
background:red;
}
#div1 ul{
position:absolute;left:0;top:0;
margin:0;padding:0;
}
#div1 ul li{
float:left;
list-style:none;
width:100px;
height:133px;
}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementById('div1');
var oUl=oDiv1.getElementsByTagName('ul')[0];
setInterval=(function(){
oUl.style.left = oDiv1.offsetLeft - 2 + "px";
},30);
};
</script>
</head>
<body>
<div id="div1">
<ul>
<li><img src="imgs/1.jpg" /></li>
<li><img src="imgs/2.jpg" /></li>
<li><img src="imgs/3.jpg" /></li>
<li><img src="imgs/4.jpg" /></li>
</ul>
</div>
很明显,你的定时器setInterval后面多了一个等号,建议代码没有预期效果采用开发者工具的控制台查看报错信息。