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

时间:2020-05-12 人气:0

<!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://m.qb5200.com/www.qb5200.com/"></a></li>  
    <li><a href="https://m.qb5200.com/www.qb5200.com/"></a></li>  
    <li><a href="https://m.qb5200.com/www.qb5200.com/"></a></li>  
    <li><a href="https://m.qb5200.com/www.qb5200.com/"></a></li>  
    <li><a href="https://m.qb5200.com/www.qb5200.com/"></a></li>  
    <li><a href="https://m.qb5200.com/www.qb5200.com/"></a></li>  
</ul>  
</body>  
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容