JS如何控制背景淡入淡出?
2 回答
慕勒3428872
TA贡献1848条经验 获得超6个赞
如下代码可以实现,不过你要首先下载一个JS插件:Jquery,我用的是jquery-1.9.1.min.js,你下载下来后放到网页同级目录就可以了,如入代码适用于2张或多张图片。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <div id="imgbox"> <img src="11.jpg" /><img src="22.jpg" /> </div> <script src="jquery-1.9.1.min.js"></script> <script> $(document).ready(function(){ $("#imgbox img").fadeOut(0).eq(0).fadeIn(0); var i = 0; setInterval(function(){ if($("#imgbox img").length > (i+1)){ $("#imgbox img").eq(i).fadeOut(0).next("img").fadeIn(1000); i++; } else{ $("#imgbox img").eq(i).fadeOut(0).siblings("img").eq(0).fadeIn(1000); i = 0; } },2000); }); </script> |
- 2 回答
- 0 关注
- 888 浏览
添加回答
举报
0/150
提交
取消