三款css横向二级菜单效果代码

作者：袖梨 2022-06-25

代码如下

复制代码

网页特效下拉菜单

seo教程ver="displaysubmenu(this)" onmouseout="hidesubmenu(this)">

第二款兼容主浏览器

代码如下

复制代码

纯css的下拉菜单支持ie6ie7firefox

导航菜单三

"http://www.***w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

二级横向菜单

代码如下

复制代码

ul#nav a {
font-size:14px;
line-height:17px;
display: block;
padding:0 0 0 10px;
width:78px;
color: #777;
height:17px;
background: #fff;
border-left:solid 1px #fff;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 5px #697210;
}
ul#nav ul li{
width:100px;
border:0;
}
/* fix ie. hide from ie mac */
* html ul#nav li { float: left; height: 17px; }
* html ul#nav li a { height: 17px; }
ul#nav ul a { padding: 2px 0px 2px 10px;border:0;width:90px; }
ul#nav li:hover ul,ul#nav li.over ul { display: block; }