这个tab选项面板在ie下正常,在firefox下不正常,听人说是因为left.style.display="none";
right.style.display="none";只可以操纵行内CSS样式,而ie却都可以操作,请问要怎么改
<style type="text/css">
<!--
#left {
padding: 10px;
width: 200px;
border: 1px solid #0066FF;
background-color: #99FF66;
clear: both;
}
li {
float: left;
margin-right: 3px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border: 1px solid #0099CC;
border-bottom:0;
list-style-type: none;
}
a {font-size: 14px;
color: #993333;
text-decoration: none;
background-color: #CCCCCC;
}
a:hover {
color: #0066FF;
background-color: #CC9999;
}
#right {
display: none;
padding: 10px;
width: 200px;
border: 1px dashed #CC3333;
clear: both;
}
ul {
margin: 0px;
padding: 0px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function disp(obj)
{
left.style.display="none";
right.style.display="none";
obj.style.display="block";
}
</script></head><body><br /><ul>
<li onmouseover="disp(left)"><a href="#">体育新闻</a></li>
<li onmouseover="disp(right)"><a href="#">娱乐新闻</a></li>
</ul>
<div id="left">
·<a href="#">本课程主要特色</a> <BR>
·<a href="#">课程地位</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的不足</a><BR />
</div>
<div id="right">
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-1.htm">教学方法和教学手段</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-2.htm">课程的历史</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的优势</a><BR />
</div>
right.style.display="none";只可以操纵行内CSS样式,而ie却都可以操作,请问要怎么改
<style type="text/css">
<!--
#left {
padding: 10px;
width: 200px;
border: 1px solid #0066FF;
background-color: #99FF66;
clear: both;
}
li {
float: left;
margin-right: 3px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border: 1px solid #0099CC;
border-bottom:0;
list-style-type: none;
}
a {font-size: 14px;
color: #993333;
text-decoration: none;
background-color: #CCCCCC;
}
a:hover {
color: #0066FF;
background-color: #CC9999;
}
#right {
display: none;
padding: 10px;
width: 200px;
border: 1px dashed #CC3333;
clear: both;
}
ul {
margin: 0px;
padding: 0px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function disp(obj)
{
left.style.display="none";
right.style.display="none";
obj.style.display="block";
}
</script></head><body><br /><ul>
<li onmouseover="disp(left)"><a href="#">体育新闻</a></li>
<li onmouseover="disp(right)"><a href="#">娱乐新闻</a></li>
</ul>
<div id="left">
·<a href="#">本课程主要特色</a> <BR>
·<a href="#">课程地位</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的不足</a><BR />
</div>
<div id="right">
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-1.htm">教学方法和教学手段</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-2.htm">课程的历史</a> <BR>
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的优势</a><BR />
</div>
解决方案 »
- 求推荐JQuery的富文本框插件
- 如何将函数写成对象方法,求教。
- js中判断GB2312编码汉字的正则表达式
- extjs 关于gridpanel的刷新问题~ 懂的朋友请进~
- 这样的格式是什么意思??
- 关于JS文件调用传参数的问题
- 关于给一个<table>添加多条<tr>的问T,appendChild(),,,,
- 当用户注册时输入的EMAIL地址不合法时,我想在输入框的右边显示出来输入不合法的信息,请问这是怎么实现的呢?
- 关于一个很简单的java正则。怎么会错就是想不通。
- 点击按钮,改变div大小及颜色无反应
- web跟随鼠标的文字我不行啊!需要你帮助
- 请问函数的call(),apply(),callee,caller的具体用法.
类似left.style 改成 document.getElementBuId("left").style
document.getElementById("left").styleIE可以直接用ID作为控件名直接获取控件.
但是火狐不支持.
这是我在课件中找到的原因:“但是,style对象用来读取样式时,只能获取在HTML标
签的Style属性中定义的CSS样式。当css样式是在<style>标
签中定义或在外部的.css文件定义时,无法使用style对象获
取某个元素的Css样式。”
有谁知道用最简单的方法改吗