页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 导航菜单 → 正文内容菜单高亮显示

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

发布：dxy 字体：[增加减小] 类型：转载

原来做了一个菜单在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="http://www.jb51.net/">脚本之家</a></li>  
    <li><a href="http://www.jb51.net/">脚本之家</a></li>  
    <li><a href="http://www.jb51.net/">脚本之家</a></li>  
    <li><a href="http://www.jb51.net/">脚本之家</a></li>  
    <li><a href="http://www.jb51.net/">脚本之家</a></li>  
    <li><a href="http://www.jb51.net/">脚本之家</a></li>  
</ul>  
</body>  
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：js IE6 IE7 菜单高亮显示

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：yahoo首页伸缩效果代码
下一篇文章：JavaScript CSS菜单功能改进版

·在百度中搜索关于“js兼容IE6,IE7菜单高亮显示效果代码相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行