本文实例讲述了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程序设计有所帮助。
