JS如何控制背景淡入淡出？

Question

JS如何控制背景淡入淡出？

Answer 1

如下代码可以实现，不过你要首先下载一个JS插件：Jquery，我用的是jquery-1.9.1.min.js，你下载下来后放到网页同级目录就可以了，如入代码适用于2张或多张图片。1234567891011121314151617181920<div&nbsp;id="imgbox">&nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;src="11.jpg"&nbsp;/><img&nbsp;src="22.jpg"&nbsp;/></div><script&nbsp;src="jquery-1.9.1.min.js"></script><script>$(document).ready(function(){&nbsp;&nbsp;&nbsp;&nbsp;$("#imgbox&nbsp;img").fadeOut(0).eq(0).fadeIn(0);&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;i&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;setInterval(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if($("#imgbox&nbsp;img").length&nbsp;>&nbsp;(i+1)){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#imgbox&nbsp;img").eq(i).fadeOut(0).next("img").fadeIn(1000);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i++;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#imgbox&nbsp;img").eq(i).fadeOut(0).siblings("img").eq(0).fadeIn(1000);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;},2000);});</script>&nbsp;