如图所示，有没有简单的函数写法。。

狄默默斯基 2012-02-03 10:44:38

菜单1----5 共用一个显示区，

按照古老的方法1是

<div id="m1" style="display:block">

</div>
<div id="m2"style="display:none">

</div>
<div id="m3"style="display:none">

</div>
......

方法2是
$("显示区").innerhtml=.....m1 or m2 or m3

这些个写法都不爽，有没有方法3.。。众人以为如何？？

...全文

94 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

风一样的大叔 2012-02-03

打赏
举报

jquery里面倒是可以将相同类型的控件合并着写

Lisa5230 2012-02-03

打赏
举报

function hiddenAll(a1,a2,a3)
{

var A_All={a1,a2,3};
for(a in A_All)
{
eval("document.getElementById("+a+").style.display='none'");
}
}

hch126163 2012-02-03

打赏
举报

选项卡？通常是用的 display 来控制的

三石-gary 2012-02-03

打赏
举报

[Quote=引用 2 楼 xjl756425616 的回复:]

其实就是tab标签切换。。。好像很难找第三种全新的方法了
[/Quote]
好像没有。。。可以到网上搜搜。。。

狄默默斯基 2012-02-03

打赏
举报

document.getElementById("mtop1").style.color="#ffffff";
document.getElementById("mtop2").style.color="#ffffff";
document.getElementById("mtop3").style.color="#ffffff";
document.getElementById("mtop4").style.color="#ccccff";
document.getElementById("divmtop1").style.display="none";
document.getElementById("divfoot1").style.display="none";
document.getElementById("divmtop3").style.display="none";
document.getElementById("divfoot3").style.display="none";
document.getElementById("divmtop2").style.display="none";
document.getElementById("divfoot2").style.display="none";
document.getElementById("divmtop4").style.display="block";
document.getElementById("divfoot4").style.display="block";

每当写切换的时候就要写一大堆的显示隐藏语句，，

一个字烦。。。。

所以或者谁能够写一个高效简洁函数出来，

比如document.getElementById("m1,m2,m3").style.display=....

就方便了

狄默默斯基 2012-02-03