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

更新时间：2008年07月02日 12:50:29 作者：

原来做了一个菜单在IE7下正常没想到在IE6下却没有效果，后来改成使用JS实现虽然是实现的，但总觉得不是很好，在网上找了些资料，用CSS实现了。

<!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><a href="https://www.jb51.net/">脚本之家</a></li>      <li><a href="https://www.jb51.net/">脚本之家</a></li>      <li><a href="https://www.jb51.net/">脚本之家</a></li>      <li><a href="https://www.jb51.net/">脚本之家</a></li>      <li><a href="https://www.jb51.net/">脚本之家</a></li>      <li><a href="https://www.jb51.net/">脚本之家</a></li>  </ul>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js实现的XP风格的右键菜单
js实现的XP风格的右键菜单...
2007-03-03
用javascript实现的不错的一款网页选项卡
用javascript实现的不错的一款网页选项卡...
2007-11-11
javascript 代码简单的管理菜单
2008-05-05
三级下拉菜单的js实现代码
纯js实现的三级下拉菜单效果的代码，需要的朋友可以参考下。
2011-05-05
一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera...
2007-05-05
可折叠展开的简单目录实现代码
简单的目录，展开菜单，鼠标点击即可展开，再次点击即可合拢，类似树形菜单的功能，在浏览网页时会见很多，不多做介绍了，需要的朋友可以参考下
2012-12-12
JavaScript CSS创建右击菜单效果代码
右击菜单效果
2008-12-12
jquery 实现斜导航效果
jquery 实现斜导航效果代码，就一个图片文件，利用css控制位置，非常不错。
2009-05-05
滑动门式菜单实现代码
自已写的横排的导航菜单，红色水晶风格，大家可以用啦，不过也有些地方需要高手指教啊，代码里有注释，兼容性还不错，希望一起提高吧。
2009-10-10
javascript 定时自动切换的选项卡Tab
JavaScript配合CSS制作一个能自动切换的网页选项卡,每隔一段时间,它就自动切换选项卡列表和标题,时间自设.
2009-10-10