首页 > 代码库 > jq 版的tab切换

jq 版的tab切换

ta切换是在前端中非常常见的一种效果,网上的效果很多。但是我觉得下面这种方法最好,把tab效果封装成一个函数 tabs,这个函数要配合jq使用。

var tabs = function (tab, con) {
tab.click(function () {
var index = tab.index(this);
tab.removeClass(‘active‘);
$(this).addClass(‘active‘);
con.hide();
con.eq(index).show();
})
};

下面是调用这个函数。
tabs($("#tab-li li"), $(‘#tab-content .main‘));

函数里面的active是tab导航栏中需要变话的样式。

 

jq 版的tab切换