jquery實(shí)現(xiàn)翻動(dòng)fadeIn顯示的方法

字號(hào):


    這篇文章主要介紹了jquery實(shí)現(xiàn)翻動(dòng)fadeIn顯示的方法,實(shí)例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以參考下
    本文實(shí)例講述了jquery實(shí)現(xiàn)翻動(dòng)fadeIn顯示的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
    $(function() {
    //翻動(dòng)顯示
    $("#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秒鐘切換一條,你可以根據(jù)需要更改
    });
    希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。