關於jquery簡單圖片切換顯示效果實現方法介紹

本文實例講述了jquery簡單圖片切換顯示效果實現方法,分享給大家供大家參考。具體實現方法如下:

關於jquery簡單圖片切換顯示效果實現方法介紹

複製代碼 代碼如下:

$(function(){

$("#item li:not(:first)")("display","none");//只顯示第一張圖片,其它隱藏

var bb = $("#item li:last");

var aa = $("#item li:first");

setInterval(function(){

if((":visible")){

In(1000)lass("in");

();

}else{

$("#item li:visible")lass("in");

$("#item ")()In(1000);

$("#item ")Out(1000)veClass("in");

}

},3000);

});

li{list-style:none;display:block;width:500px;border:1px solid #ccc;padding:5px;}

{display:block;}