您所在位置：主题：不能正常显示出效果啊？
tianlebest
[专家分：50] 发布于 2007-09-26 09:37:00
部分源码：
<style type="text/css">
.man_on{ background:url(/images/fashion_man_a1.jpg);}
.man_off{ background:url(/images/fashion_man_a2.jpg);}
.woaicss_title li {
display:block;
float:left;
display:inline;
text-align:center;
height:30px;
}
</style>
<script language="javascript">
function change(num){
for(var id = 1;id<=4;id++)
{
var MrJin="m"+id;
//alert(MrJin);
if(id==num)
document.getElementById(MrJin).className="man_on";
else
document.getElementById(MrJin).className="man_off";
}
}
</script>
<ul class="woaicss_title">
<li id="m1" class="man_on"><a href="javascript:void(0)" onclick="javascript:change(1)">52CSS.com</a></li>
<li id="m2" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(2)">Div CSS教程</a></li>
<li id="m3" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(3)">CSS布局实例</a></li>
<li id="m4" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(4)">WEB标准化</a></li>
</ul>
切换后不能正常显示出效果啊？
<style type="text/css">
.man_on{ background:url(/images/fashion_man_a1.jpg);}
.man_off{ background:url(/images/fashion_man_a2.jpg);}
.woaicss_title li {
display:block;
float:left;
display:inline;
text-align:center;
height:30px;
}
</style>
<script language="javascript">
function change(num){
for(var id = 1;id<=4;id++)
{
var MrJin="m"+id;
//alert(MrJin);
if(id==num)
document.getElementById(MrJin).className="man_on";
else
document.getElementById(MrJin).className="man_off";
}
}
</script>
<ul class="woaicss_title">
<li id="m1" class="man_on"><a href="javascript:void(0)" onclick="javascript:change(1)">52CSS.com</a></li>
<li id="m2" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(2)">Div CSS教程</a></li>
<li id="m3" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(3)">CSS布局实例</a></li>
<li id="m4" class="man_off"><a href="javascript:void(0)" onclick="javascript:change(4)">WEB标准化</a></li>
</ul>
切换后不能正常显示出效果啊？
