本文實例講述了jquery簡單圖片切換顯示效果實現方法,分享給大家供大家參考。具體實作方法如下: 複製程式碼 程式碼如下: jquery圖片切換效果 <br /> $(function(){<br /> $("#item li:not(:first)").css("display","none");//只顯示第一張圖片,其它隱藏<br /> var bb = $("#item li:last");<br /> var aa = $("#item li:first");<br /> setInterval(function(){<br /> if(bb.is(":visible")){<br /> aa.fadeIn(1000).addClass("in");<br /> bb.hide();<br /> }else{<br /> $("#item li:visible").addClass("in");<br /> $("#item li.in").next().fadeIn(1000);<br /> $("#item li.in").fadeOut(1000).removeClass("in");<br /> }<br /> },3000);<br /> });<br /> <br /> li{list-style:none;display:block;width:500px;border:1px solid #ccc;padding:5px;}<br /> .in{display:block;}<br /> 希望本文所述對大家的jQuery程式設計有所幫助。