js特效代码-onmouseover/onclick 改变标签(背景)颜色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function hc(ev) {
	var list = document.getElementsByTagName("li");
	for(i=0; i<list.length; i++){
			list[i].className = "";
	}
	ev = ev || window.event;
  	var tmp = ev.target || ev.srcElement;
                tmp = (tmp.tagName == "LI")?tmp:tmp.parentNode;
	tmp.className = "linow";
}
</script>
<style type="text/css">
* {font:12px/150% "宋体";}
.LeftM li { list-style:none; width:180px; height:20px; background-color:#CCc; border-bottom:#fff solid 2px;}
.LeftM a { color:#f01;}
.LeftM a:hover { position:relative; left:1px; top:1px;}
.linow a { color:#000;}
</style>
</head>
<body>
<ul class="LeftM">
	<li onClick="hc();"><a href="#">基本概念</a></li>
	<li onClick="hc()"><a href="#">基本概念</a></li>
	<li onClick="hc()"><a href="#">行政职业能力测试</a></li>
	<li onClick="hc()"><a href="#">申论</a></li>
</ul>
<br>
</body>
</html>

  

posted @ 2013-07-22 14:12  求必印  阅读(2632)  评论(0编辑  收藏  举报