Welcome 微信登录

首页 / 脚本样式 / JavaScript / jquery实现翻动fadeIn显示的方法

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