我想在一个页面里多个地方使用这段js代码的效果相互不干扰，怎样修改不会被写在最下面的js代码效果抵消。
<scripttype="text/javascript">functionsetContentTab(name,curr,n){for(i=1;i<=n;i++){va...
<script type="text/javascript">
function setContentTab(name, curr, n) {
for (i = 1; i <= n; i++) {
var menu = document.getElementById(name + i);
var cont = document.getElementById("con_" + name + "_" + i);
menu.className = i == curr ? "hover" : "";
if (i == curr) {
cont.style.display = "block";
} else {
cont.style.display = "none";
}
}
}
</script>
我是新手可能表达不清楚可以问我，谢谢！！ 展开
function setContentTab(name, curr, n) {
for (i = 1; i <= n; i++) {
var menu = document.getElementById(name + i);
var cont = document.getElementById("con_" + name + "_" + i);
menu.className = i == curr ? "hover" : "";
if (i == curr) {
cont.style.display = "block";
} else {
cont.style.display = "none";
}
}
}
</script>
我是新手可能表达不清楚可以问我，谢谢！！ 展开
1个回答
展开全部
使用的时候，name 参数区分开即可。
参数说明：
name：元素id组合的一部分，起关键作用
curr：当前悬停的元素下标，1-n
n： 一共有几个Tab
如：
setContentTab('tabA', 1, 3);
setContentTab('tabB', 2, 4);
setContentTab('tabC', 3, 5);
tabA对应的id是：con_tabA_1~con_tabA_3，选中con_tabA_1
tabB对应的id是：con_tabB_1~con_tabB_4，选中con_tabB_2
tabC对应的id是：con_tabC_1~con_tabC_5，选中con_tabC_3
追问
但是hover那个效果怎么改，改了名字还是会抵消
追答
从代码上看没什么问题，不知道是不是你id命名没有写好还是怎么的，附件是一个演示，你下载看看。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
