js兼容IE6,IE7菜单高亮显示效果代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>兼容IE6,IE7菜单高亮显示</title> </head> <style type="text/css"> *{ font:12px tahoma; } #menu li{ list-style:none; width:88px; height:30px; float:left; background:#EFF1F5; text-align:center; margin:0; overflow:hidden; } #menu li a{ display:block; } #menu li a:link,#menu li a:visited{ text-decoration:none; padding:8px 0; } #menu li a:hover{ background:#B8C0D3; } </style> <body> <ul id="menu"> <li>脚本之家</li> <li>脚本之家</li> <li>脚本之家</li> <li>脚本之家</li> <li>脚本之家</li> <li>脚本之家</li> </ul> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]