简单的图片切换显示效果实现方法

本文介绍了jQuery简单的图片切换显示效果的实现方法,供大家共享,供大家参考。具体的实现方法如下:

复制代码代码如下所示:





图片切换效果





$(函数(){())

$(#项目(李:不:第一))。Css(显示

BB = $(var#项目里:最后的);

AA = $(var#项目里:第一);

setInterval(){()函数(

如果(bb.is(:可见)){

aa.fadein(1000)。AddClass();

Bb.hide();

其他{ }

$(#项目李:可见)。AddClass();

$(#项目里。),下()FadeIn(1000);

$(#项目里。),FadeOut(1000)。RemoveClass();

}

},3000);

});







李{列表样式:无;显示:块;宽度:500px;边框1px solid # CCC;填充:5px;}

{显示:块;}





















希望本文能对大家的jQuery程序设计有所帮助。