文艺小菜

tab栏切换

2018-05-24  本文已影响31人  文艺小菜

js部分

```

// tab切换

var i = 0;

var tab_list = $(".menu ul li"); // 左侧导航栏

var tab_content = $(".main .ul_list .li_list"); //右侧内容区域

tab_list.eq(i).addClass("active").siblings().removeClass("active");

tab_content.eq(i).show().siblings().hide();

tab_list.click(function() {

i = $(this).index();

$(this).addClass("active").siblings().removeClass("active");

tab_content.eq(i).show().siblings().hide();

});

```

上一篇下一篇

猜你喜欢

热点阅读