谷歌Material Design侧边栏特效

谷歌Material Design侧边栏特效
下载次数:1 文件大小:53.36KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
var link = $('.com__nav-link');
var linkParent = link.parent('li');
var section = $('.com__section');
var sectionContent = section.find('*');
var switchTab = function () {
    var p = $(this).parent('li');
    var i = p.index();
    var s = section.eq(i);
    var c = s.find('*');
    section.removeClass('active');
    sectionContent.removeAttr('style');
    s.addClass('active');
    c.css({
        transform: 'none',
        opacity: 1 
    });
    linkParent.removeClass('active');
    p.addClass('active');
    return false;
}; 
link.on('click', switchTab);
function activeFirst() {
    section.first().addClass('active');
    section.first().find('*').css({
        transform: 'none',
        opacity: 1
    });
    linkParent.first().addClass('active'); 
}  
activeFirst();

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

0 条评论