1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>拍拍网头部导航菜单_网页代码站(www.webdm.cn)</title>
5 <style>
6 html,body,div,a,sup,li,ul{margin:0;padding:0;}
7 body{font:12px Tahoma, Verdana;text-align:center;background-color:#fff;}
8 ul{list-style-type:none;}
9 a:link,a:visited{color:#333;text-decoration:none;}
10 a:hover,a:active{color:#ff4e00;text-decoration:underline;}
11 #navColumn li,#navColumn a:hover,#navColumn a:active,.navAdditional,.navAdditional div{background:url
12
13 (http://www.webdm.cn/images/20090910/heads.png) no-repeat;}
14 .navAdditional div{background-position:left -212px;padding-left:4px;}
15 .navAdditional{background-position:right -212px;margin-left:8px;float:right;width:250px;padding-right:4px;}
16 #navColumn{width:auto;padding:0 5px 0 6px;margin-top:12px}
17 #navColumn ul{background:url(http://www.webdm.cn/images/20090910/heads.png) left -245px repeat-x;padding-left:2px;height:32px;}
18 #navColumn li{float:left;line-height:32px;text-align:center;width:60px;background-position:-149px -287px;}
19 #navColumn li.last{background:none;}
20 #navColumn li.now a:link,#navColumn li.now a:visited{background-position:left -336px;color:#fff;font-size:14px;font-weight:700;}
21 #navColumn a{position:relative;}
22 #navColumn sup{position:absolute;background:url(http://www.webdm.cn/images/20090910/heads.png) -120px -445px repeat-x;text-indent:-
23
24 199em;width:16px;height:19px;top:-6px;overflow:hidden;right:10px;}
25 #navColumn a:link,#navColumn a:visited{width:60px;display:block;}
26 #navColumn a:hover,#navColumn a:active{background-position:left -336px;width:60px;height:32px;display:block;text-
27
28 decoration:none;color:#fff;font-weight:700;}
29 </style>
30 </head>
31 <body>
32 <div id="navColumn">
33 <div class="navAdditional">
34 <div>
35 <ul>
36 <li><a href="http://www.webdm.cn">充值<sup>新</sup></a></li>
37 <li><a href="http://www.webdm.cn">特惠</a></li>
38 <li><a href="/">优品</a></li>
39 <li class="last"><a href="/">酒店</a></li>
40 </ul>
41 </div>
42 </div>
43 </div>
44 </body>
45 </html>
46 <br>
47 <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
文章来自：http://www.webdm.cn/webcode/5b81831b-69f2-4500-9df8-b9ba7e33da6b.html