帮我写个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代码,来写的。
要是引入第三库,还可以有一些切换的效果。
哎呦互动
2024-07-12 广告
2024-07-12 广告
现场大屏幕互动软件产品开发欢迎咨询上海爱友信息科技有限公司,公司成立于2016年,是国内最早的一批H5软件开发商之一。公司经过多年的自主研发并不断迭代的互动产品“哎呦互动”,已经获得数十项软件著作权和多项软件专利,并积累了众多的品牌客户和无...
点击进入详情页
本回答由哎呦互动提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询