作者:痴情小猪噜噜1907181048 | 来源:互联网 | 2022-01-05 18:45
本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下:
$(function() {
//翻动显示
$("#zuixin div:not(:first)").css("display","none");
var B=$("#zuixin div:last");
var C=$("#zuixin div:first");
setInterval(function(){
if(B.is(":visible")){
C.fadeIn(500).addClass("in");B.hide()
}else{
$("#zuixin div:visible").addClass("in");
$("#zuixin div.in").next().fadeIn(500);
$("div.in").hide().removeClass("in");
}
},3000); //每3秒钟切换一条,你可以根据需要更改
});
希望本文所述对大家的jQuery程序设计有所帮助。