JS控制层的显示隐藏 .NET-业主生活–手机房天下问答

房天下 > 房天下问答 > 业主生活 > 其他

JS控制层的显示隐藏 .NET

function show(i){ document.getElementById("div"+i).style.display="block"; if(document.getElementById("hidden1").value!=""&&document.getElementById("hidden1").value!="div"+i){ document.getElementById(document.getElementById("hidden1").value).style.display="none"; } document.getElementById("hidden1").value="div"+i; } </script><body><div id="div1" style="position:absolute;left:0px;top:100px;width:100px;height:100px;display:none">div1</div> <div id="div2" style="position:absolute;left:0px;top:100px;width:100px;height:100px;display:none">div2</div> <div id="div3" style="position:absolute;left:0px;top:100px;width:100px;height:100px;display:none">div3</div> <div id="div4" style="position:absolute;left:0px;top:100px;width:100px;height:100px;display:none">div4</div> <input type="hidden" id="hidden1" value=""> <input type="button" value="显示div1" onmousemove="show(1)"> <input type="button" value="显示div2" onmousemove="show(2)"><input type="button" value="显示div3" onmousemove="show(3)"> <input type="button" value="显示div4" onmousemove="show(4)"> </body>谁能解释下这段代码我刚开始学做动态的还不太用JS 另外控制层的显示隐藏达到同样的效果还有没有别的方法

更多

提问者：whanwff1
发布于2011-01-11

分享

共1个回答

我心灰翔丨Lv 2

点击某个button时，调用show(i),把id为"div"+i的那一层的display设为block（简单点说就是，如果你点了第一个button，就显示id为“div1”的层），然后再看看那个hidden1是否已经赋值了，如果有值而且这个值不等于你刚显示的那个层的id的话，就把id等于这个值的那个层（也就是上一次点击的那个层）隐藏起来。上面这些事做完了，就把当前显示的那个层的div的id赋值给那个hidden1，供下次点击的时候隐藏。基本上控制层显示隐藏的思路都差不多的，学js的话，投入到jquery的怀抱吧，很火的

+11 2011-01-11 举报

热门人气推荐

推荐楼盘小区二手房商圈租房热门知识相关推荐房产百科

免责声明：问答内容均来源于互联网用户，房天下对其内容不负责任，如有版权或其他问题可以联系房天下进行删除。