首页 > 代码库 > 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切换
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。