当前位置：Gxlcms > JavaScript > js兼容IE6,IE7菜单高亮显示效果代码

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

时间：2021-07-01 10:21:17 帮助过：18人阅读

<!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需刷新才能执行]

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

人气教程排行