帮我写个JS焦点图每隔10秒钟就自动切换图片!!!
我有个JS焦点图,但是不会自动切换,帮我写个JS焦点图每隔10秒钟就自动切换图片!!!先给50分。解决后再追加50分!!!!!!!!!!...
我有个JS焦点图,但是不会自动切换,帮我写个JS焦点图每隔10秒钟就自动切换图片!!! 先给50分。 解决后 再追加50分!!!!!!!!!!
展开
3个回答
展开全部
这个很简单吧.
<span id="img1"><img src='1.jpg'></span>
<span id="img2" style="display:none;"><img src='2.jpg'></span>
<span id="img3" style="display:none;"><img src='3.jpg'></span>
<span id="img4" style="display:none;"><img src='4.jpg'></span>
<span id="img5" style="display:none;"><img src='5.jpg'></span>
<span id="img6" style="display:none;"><img src='6.jpg'></span>
<script>
var sign = 1;
window.setTimeOut(function(){
document,getElementById('img'+sign).style.display = '';
sign = sign < 6 ? sign + 1 : 1;
},1000)
</script>
这种切换有N多种实现的方法,主要还是根据图片的HTML代码,来写的。
要是引入第三库,还可以有一些切换的效果。
<span id="img1"><img src='1.jpg'></span>
<span id="img2" style="display:none;"><img src='2.jpg'></span>
<span id="img3" style="display:none;"><img src='3.jpg'></span>
<span id="img4" style="display:none;"><img src='4.jpg'></span>
<span id="img5" style="display:none;"><img src='5.jpg'></span>
<span id="img6" style="display:none;"><img src='6.jpg'></span>
<script>
var sign = 1;
window.setTimeOut(function(){
document,getElementById('img'+sign).style.display = '';
sign = sign < 6 ? sign + 1 : 1;
},1000)
</script>
这种切换有N多种实现的方法,主要还是根据图片的HTML代码,来写的。
要是引入第三库,还可以有一些切换的效果。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询