這篇文章主要介紹了jquery實現翻動fadeIn顯示的方法,實例分析了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程序設計有所幫助。
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試
