<style type="text/css">
#header{margin-bottom:10px;}
#header ul{list-style:none;margin:0px;}
#header ul li{display:block;float:left;width:150px;height:30px;line-height:30px;border:1px solid red;text-align:center;border:1px solid #5B5B5B;background:#000000;}
#header ul li a{color:#ffffff;display:block;font-style:oblique;font-size:16px;width:150px;height:30px;line-height:30px;text-decoration:none;font-weight:bold;}
#header ul li a:hover{background:white;}
#header ul li a.active{background:yellow;color:#000000}
</style>
<script>
function changeIt(obj)
{
/* 现在想onclick 时,把 <li> 里的 <a>标签 的css变成#active 这里该怎么写?? */
obj.className="active";
}
</script>
<div id="header">
<ul>
<li><a οnclick="changeIt(this)" href="#">我要投票</a></li>
<li><a οnclick="changeIt(this)" href="#">论坛交流</a></li>
</ul>
</div>
javascript 改变 css样式
最新推荐文章于 2022-06-10 21:09:47 发布