- UID
- 51484
- 在线时间
- 小时
- 积分
- 5749
- 帖子
- 离线
- 18728 天
- 注册时间
- 2003-6-2
|

楼主 |
发表于 2010-1-18 18:50:08
|
显示全部楼层
- #menu {width:100%px; height:58px; background:url(../images/nav_bg.gif); text-align:left; background-repeat:repeat-x;}
- #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
- #menu ul {display:inline-block;}
- #menu li {display:inline-block; display:inline;}
- #menu ul.level1 div {position:absolute; left:-9999px;}
- #menu ul.level1 {margin:0 auto;}
- #menu ul.level1 li.level1-li {float:left; display:block; position:relative; padding-top:2px;}
- #menu ul li div ul {margin:0; background:url(trans.gif);}
- #menu a.level1-a {display:block; height:23px; font:bold 11px verdana,arial,sans-serif; color:#333; line-height:21px; text-decoration:none;padding:0 15px 0 15px; text-align:left;}
- #menu ul.level1 li.level1-li a.level1-a {float:left;}
- #menu ul li:hover div {left:50%; top:10px; padding-top:0; background:url(trans.gif); color:#fd5a56;}
- #menu ul li:hover div ul {position:relative; left:-50%; padding:7px 0 0 0; margin:0; list-style:none;}
- #menu ul li div ul li a {display:inline-block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:20px; text-decoration:none; padding:1px 6px 2px 6px;}
- #menu a:hover div {left:0; top:25px;color:#fd5a56;}
- #menu a:hover div ul {position:relative; left:-50%; padding-top:0px;color:#fd5a56;}
- #menu li:hover div ul li {display:inline-block;color:#fd5a56;}
- #menu a:hover div ul li a.sub {margin-right:4px;color:#fd5a56;}
- #menu li a.fly {background:url(topdown.gif) no-repeat left bottom;}
- #menu li a:hover, #menu li a.fly:hover {white-space:nowrap; color:#fff; padding:0 15px; border-width:0 1px; background:url(over.gif) repeat-x;}
- #menu li:hover > a, #menu ul li:hover > a.fly {white-space:nowrap; color:#000; padding:0 15px; border-width:0 1px; background:url(over.gif) repeat-x;} #menu ul li div ul li a:hover {color:#fff;}
- #menu ul :hover div ul div {left:-9999px;}
- #menu ul :hover div ul li:hover {position:relative;}
- #menu ul :hover div ul li a.drop {background:url(topdown.gif) no-repeat left bottom;}
- #menu ul :hover div ul li a:hover {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px; color:#fff;}
- #menu ul :hover div ul li:hover > a {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px; color:#fd5a56;}
- #menu ul :hover div ul :hover div {left:50%; top:22px;}
- #menu ul :hover div ul :hover div ul {left:-50%; padding:10px; background:#d1d8f5; border:1px solid #fff; border-color:#fff #678 #567 #fff; text-align:left; filter: alpha(opacity=80); opacity:0.8}
- #menu ul :hover div ul :hover div ul li {display:block; height:auto; line-height:15px; text-align:left;}
- #menu ul :hover div ul :hover div ul li a {height:auto; position:static; line-height:15px; color:#000; padding:1px 0;}
- #menu ul a:hover div ul a:hover div ul li a {margin-left:-16px;}
- #menu ul :hover div ul :hover div ul li a:hover {color:#369; background:transparent; border:0; padding:1px 0;}
- #menu table {position:absolute; top:0; height:0; width:0; left:50%; border-collapse:collapse;}
- #menu a:hover table a:hover table {left:50%; width:0; height:20px; top:0; margin-left:-1px;}
- #menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;}
复制代码
我这个是横向的导航。 |
|