关于在div的隐藏，在IE中可以正常的隐藏与显示，可是在火狐和谷歌浏览器中不起作用的问题
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function hidden()
{
var leftdiv=document.getElementById("left");
var rightdiv=document.getElementById("right");
var atext=document.getElementById("pic");
if(leftdiv.style.display=="block")
{
leftdiv.style.display="none";
rightdiv.style.width="100%";
atext.src="open.gif";
}
else
{
leftdiv.style.display="block";
rightdiv.style.width=600+"px";
atext.src="close.gif";
}
}
</script>
</head>
<body style="margin:0 auto;">
<div id="main" style="width:900px; height:auto; margin:0 auto;">
<div id="top" style="width:900px; height:100px; background-color:#CCFFCC;">
<br />
<br />
<br />
<a id="alink" href="javascript:" onclick="hidden()" style="cursor:pointer; cursor:hand;" ><img style="border:0;" src="close.gif"
id="pic" /></a>
</div>
<div id="mid" style=" width:900px; height:400px; background-color:#99CC66;">
<div id="left" style="width:300px;display:block; float:left; height:400px; background-color:#99FFCC;">
<br /><a href="1.html" target="kj" >1</a><br /><br />
<a href="22.html" target="kj" >22</a><br /><br />
<a href="33.html" target="kj" >33</a>
</div>
<div id="right" style=" float:right; width:600px;; height:400px; background-color:#666633;">
<iframe src="22.html" style="border:0;" name="kj" id="kj" width="100%" height="400"></iframe>
</div>
</div>
<div id="foot" style="background-color:#00FFFF; width:900px; height:200px;">
fsdafsdfs
</div>
</div>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function hidden()
{
var leftdiv=document.getElementById("left");
var rightdiv=document.getElementById("right");
var atext=document.getElementById("pic");
if(leftdiv.style.display=="block")
{
leftdiv.style.display="none";
rightdiv.style.width="100%";
atext.src="open.gif";
}
else
{
leftdiv.style.display="block";
rightdiv.style.width=600+"px";
atext.src="close.gif";
}
}
</script>
</head>
<body style="margin:0 auto;">
<div id="main" style="width:900px; height:auto; margin:0 auto;">
<div id="top" style="width:900px; height:100px; background-color:#CCFFCC;">
<br />
<br />
<br />
<a id="alink" href="javascript:" onclick="hidden()" style="cursor:pointer; cursor:hand;" ><img style="border:0;" src="close.gif"
id="pic" /></a>
</div>
<div id="mid" style=" width:900px; height:400px; background-color:#99CC66;">
<div id="left" style="width:300px;display:block; float:left; height:400px; background-color:#99FFCC;">
<br /><a href="1.html" target="kj" >1</a><br /><br />
<a href="22.html" target="kj" >22</a><br /><br />
<a href="33.html" target="kj" >33</a>
</div>
<div id="right" style=" float:right; width:600px;; height:400px; background-color:#666633;">
<iframe src="22.html" style="border:0;" name="kj" id="kj" width="100%" height="400"></iframe>
</div>
</div>
<div id="foot" style="background-color:#00FFFF; width:900px; height:200px;">
fsdafsdfs
</div>
</div>
</body>
</html> 展开
2个回答
展开全部
您好！很高兴为您答疑!
hidden函数名冲突，改成 hiddenit 或者其他什么的就行了。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
hidden函数名冲突，改成 hiddenit 或者其他什么的就行了。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的hidden函数名冲突，改成 hiddenit 或者其他什么的就行了。
追问
还真是，这个以前没怎么注意，下次一定要小心了，thankyou！！！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
