<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; 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>