js+div+css下拉导航菜单完整代码分享

家电修理 2023-07-16 19:17www.caominkang.com电器维修

效果预览http://keleyi./keleyi/phtml/menu/1.htm

下拉菜单

js+div+css下拉导航菜单完整代码:




css+div+js下拉菜单导航--柯乐义

{margin:0;padding:0;list-style-type:none;}
body{padding:0;margin:0;font-size:12px;color:#fff;font-family:arial, helvetica, sans-serif;background:#fff;}
#nav{padding:0 5px;z-index:1;left:298px;idth:600px;position:absolute;:175px;height:30px;}
#nav li{float:left;text-align:center;}
#nav li a{float:left;idth:100px;color:#336601;text-decoration:none;padding:3px 5px 0 5px;}
#nav li a:hover{float:left;idth:88px;color:#fff;background:#539d26;text-decoration:none;padding:3px 3px 0 20px;}
.list{font-eight:normal;line-height:20px;text-align:left;padding:4px;}
.menu1{border:#9cdd75 1px solid;overflo-y:hidden;margin:6px 4px 0px 0px;idth:120px;cursor:pointer;color:#336601;padding-:6px;background:#f1fbec;moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;}
.menu2{border:#eee8dd 1px solid;overflo-y:hidden;margin:6px 4px 0px 0px;idth:120px;cursor:pointer;color:#999;padding-:6px;height:18px;background:#f5f5f5;}




Copyright © 2016-2025 www.caominkang.com 曹敏电脑维修网 版权所有 Power by