javascript - js无缝滚动,图像无法滚动
本文介绍了javascript - js无缝滚动,图像无法滚动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
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后面多了一个等号,建议代码没有预期效果采用开发者工具的控制台查看报错信息。
这篇关于javascript - js无缝滚动,图像无法滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文