jQuery TAB选项卡切换幻灯片特效

jQuery TAB选项卡切换幻灯片特效
下载次数:2 文件大小:461.33KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
$(function(){
    $('a').on('click', function(){
        return false;
    });
    // set item banner
    $('.ts-item').first().show();
    $('.ts-item').each(function () {
        var $this = $(this),
            _imgSrc  = $this.find('.ts-banner img').attr('src');
        if(_imgSrc)
            $this.css('background-image', 'url(' + _imgSrc + ')');
    });
    $('.ts-control li').on('click', function(){
        var $this = $(this),
            _index = $this.index(); 
        $("li.is-active").removeClass("is-active"); 
        $(this).addClass("is-active");
        $('.ts-item.is-active').removeClass('is-active').fadeOut();
        $('.ts-item').eq(_index).addClass('is-active').fadeIn();
        return false;
    });
    var ww = $(window).width();
});

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

0 条评论