gpt4 book ai didi

javascript - 在 javascript 中切换图层

转载 作者:行者123 更新时间:2023-11-28 02:12:53 24 4
gpt4 key购买 nike

我正在使用的以下 JavaScript 可以很好地处理单个 onclick 函数。我同时需要两个 onclick 函数。

// JavaScript Document
var state = 'hidden';
function showhide(layer_ref) {
if (state == 'visible') {
state = 'hidden';
}
else {
state = 'visible';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.visibility = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].visibility = state;
}
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = state;
}
}

以下 HTML onclick 工作正常。

<a href="#" onclick="showhide('sidebar')" ><img src="supports/images/cp.png" width="86" height="20" /></a>

现在,我需要准确的语法来同时切换两个图层。我尝试使用以下代码但它不起作用。任何人都可以为我更正它。

<a href="#" onclick="showhide('sidebar'); showhide('div_menu');" ><img src="supports/images/cp.png" width="86" height="20" /></a>

最佳答案

试试这段代码。

<html>
<head>
<script type="text/javascript">
var setT;
function toggle(id){
var myDiv=document.getElementById(id);
if(myDiv.style.visibility=='hidden'||myDiv.style.visibility==''){
myDiv.style.visibility='visible';
setT = setTimeout('closeD("'+id+'")',3000)
}
else{closeD(id)}
}
function closeD(id){
document.getElementById(id).style.visibility='hidden';
if(setT){clearTimeout(setT)}
}
</script>
</head>
<body>
<a href="#" onClick="toggle('mydiv'); toggle('mydiv2')">show/hide</a>
<br>
<div id="mydiv">my div</div>
<div id="mydiv2">my div2</div>
</body>
</html>

关于javascript - 在 javascript 中切换图层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7137856/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com