jquery淡入,淡出

$(function () {
    var sw = 0;
    function myShow(i) {
        $(".demo ul li").eq(i).stop(true, true).fadeIn(500).siblings("li").fadeOut(400);
    }
    $(".demo .num a").mouseover(function () {
        sw = $(".num a").index(this);
        myShow(sw);
    });
    function myShow(i) {
        $(".demo .num a").eq(i).addClass("cur").siblings("a").removeClass("cur");
        $(".demo ul li").eq(i).stop(true, true).fadeIn(500).siblings("li").fadeOut(400);
    }
    //滑入停止动画,滑出开始动画
    $(".demo").hover(function () {
        if (myTime) {
            clearInterval(myTime);
        }
    }, function () {
        myTime = setInterval(function () {
            myShow(sw)
            sw++;
            if (sw == 4) { sw = 0; }
        }, 3000);
    });
    //自动开始
    var myTime = setInterval(function () {
        myShow(sw)
        sw++;
        if (sw == 4) { sw = 0; }
    }, 3000);
});

你可能感兴趣的:(js,jquery)