基于jQuery的图片广告轮显，带淡入淡出，（注：不用事件绑定的原因是因为绑定后导致时间表紊乱）

<script type="text/javascript"></p> <p>var fadetime=1000;</p> <p>var path=’upload/images/’;</p> <p>var max=3;</p> <p>var stop=false;</p> <p>var tmp=$("#banner a");</p> <p>function fadeIn () {</p> <p>if(!stop)</p> <p>$("#banner a").children("img").fadeTo(fadetime,0.99);</p> <p>}</p> <p>function fadeOut () {</p> <p>if(!stop)</p> <p>$("#banner a").children("img").fadeTo(fadetime,0.3);</p> <p>}</p> <p>function changeImage () {</p> <p>var images=["1.jpg","2.jpg","3.jpg"];</p> <p>var urls=["1.jpg","2.jpg","3.jpg"];</p> <p>if (!stop) {</p> <p>if($("#focusImage").next().html()!=null){</p> <p>next=$("#focusImage").next();</p> <p>}</p> <p>else{</p> <p>next=$("#banner ul li:first-child");</p> <p>}</p> <p>$("#focusImage").removeAttr("id");</p> <p>next.attr("id", "focusImage");</p> <p>}</p> <p>else{</p> <p>next=$("#focusImage");</p> <p>}</p> <p>$("#banner a").attr("href",urls[parseInt(next.html())-1]);</p> <p>$("#banner a").children("img").attr("src",path+images[parseInt(next.html())-1]);</p> <p>if (stop) {</p> <p>return;</p> <p>}</p> <p>else{</p> <p>setTimeout("fadeOut()", 4000);</p> <p>setTimeout("changeImage()", 5000);</p> <p>setTimeout("fadeIn()", 1000);</p> <p>}</p> <p>}</p> <p>function mouse_leave () {</p> <p>stop=false;</p> <p>changeImage();</p> <p>}</p> <p>function mouse_on (t) {</p> <p>$("#focusImage").removeAttr("id");</p> <p>t.id="focusImage";</p> <p>stop=true;</p> <p>changeImage();</p> <p>}</p> <p></script></p> <p> <div id="banner"></p> <p> <div style="overflow:hidden; height:0;width:0"></p> <p> <img src="upload/images/1.jpg" /></p> <p><img src="upload/images/2.jpg" /></p> <p><img src="upload/images/3.jpg" /></p> <p> </div></p> <p> <a href="#"><img src="" width="870" height="290" /></a></p> <p><ul><li id="focusImage" onmouseover="mouse_on(this);" onmouseout="mouse_leave();">1</li></p> <p><li onmouseover="mouse_on(this);" onmouseout="mouse_leave();">2</li></p> <p><li onmouseover="mouse_on(this);" onmouseout="mouse_leave();">3</li></ul><table class="clear"></table></p> <p></div></p> <p>