javascript - jquery制作呼吸轮播图
巴扎黑
巴扎黑 2017-04-11 12:36:51
0
0
273

var idx=0;

    //点击右按钮
    $("#right").click(function () {
        if($("ul li").eq(idx).is(":animated")){
            return;
        }

// 先让老图淡出

        $("ul li").eq(idx).fadeOut(800)

// 信号量改变

        idx++
        idx=idx>$("ul li").length-1?0:idx;
        console.log(idx);
        $("ul li").eq(idx).fadeIn(800)
    })
    
    //点击左按钮
    $("#left").click(function () {
        if($("ul li").eq(idx).is(":animated")){
            return;
        }

//// 先让老图淡出

        $("ul li").eq(idx).fadeOut(1000)

// 信号量改变

        idx--;

// 判断索引

        idx=idx<0?$("ul li").length-1:idx;

        $("ul li").eq(idx).fadeIn(1000)
    })
巴扎黑
巴扎黑

reply all(0)
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!