自己写的 jq 滚动,实用性比较强!

1514 查看

// slider
$(function(){
    var sldIndex = 0;
    var sldNum = $('.m-sld-item').length - 1;

    setTimeout(function(){
        $('.m-sld-item').css('background-image','none');
        $('.m-sld-item:first').fadeIn().siblings('.m-sld-item').hide();
    },600);

    $.extend({
        autoSlider:function(){
            if(sldIndex > sldNum){
                sldIndex = 0;
                $('.m-sld-item').eq(sldIndex).fadeIn('300').siblings('.m-sld-item').hide();
                $('.m-sldnav ul li').eq(sldIndex).addClass('current').siblings('li').removeClass('current');
                sldIndex++;
            }else{
                $('.m-sld-item').eq(sldIndex).fadeIn('300').siblings('.m-sld-item').hide();
                $('.m-sldnav ul li').eq(sldIndex).addClass('current').siblings('li').removeClass('current');
                sldIndex++;
            }
        }
    });

    $('.m-sldnav ul li').click(function(){
        var i =$(this).index();
        sldIndex = i-1;
        if(sldIndex < 1){
            sldIndex = 0;
        }
        $.autoSlider();
    });

    setInterval('$.autoSlider()',2000);
});