<script language="javascript" type="text/javascript"> var showing = 1;
function show(num) {
if(showing != num) {
document.getElementById("articles" + showing).style.display = "none";
document.getElementById("articles" + num).style.display = "";
var lis = document.getElementById("category").getElementsByTagName("li");
lis[showing - 1].className = "";
lis[num - 1].className = "selected";
showing = num;
}
return false;
}</script>
在IE7下正常,请高手帮忙了,多谢!
function show(num) {
if(showing != num) {
document.getElementById("articles" + showing).style.display = "none";
document.getElementById("articles" + num).style.display = "";
var lis = document.getElementById("category").getElementsByTagName("li");
lis[showing - 1].className = "";
lis[num - 1].className = "selected";
showing = num;
}
return false;
}</script>
在IE7下正常,请高手帮忙了,多谢!
lis[num - 1].className = "selected";
改成:
lis[showing - 1].setAttribute("class","");
lis[num - 1].setAttribute("class","selected");
试试看。太难猜了,可能是别的地方出问题了,lz给个较全的代码吧
<ul class="category" id="category">
<li class="selected"><a href="#" onmouseover="show(1)">新闻</a></li>
<li><a href="#" onmouseover="show(2)">财经</a></li>
</ul>
</div>
<div id="articles1 class="clearfix"">
</div>
<div id="articles2" class="clearfix">
</div>
<div id="articles3" class="clearfix">
</div>
<div id="articles4" class="clearfix">
</div>
</div>