網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導(dǎo)航特效代碼>

CSS仿迅雷的網(wǎng)站導(dǎo)航_菜單導(dǎo)航特效

CSS仿迅雷的網(wǎng)站導(dǎo)航，藍色風(fēng)格，很大氣的菜單，導(dǎo)航項鼠標(biāo)經(jīng)過時切換背景，符合大家的使用習(xí)慣，菜單兼容性也不錯，在IE、火狐下都有較好表現(xiàn)，希望大家喜歡。

<!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" mrc="text/html; charset=gb2312" /> <title>CSS仿迅雷的網(wǎng)站導(dǎo)航</title> <style type="text/css"> body{margin:0px;font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif} #nav{position:relative;width:964px;height:95px;z-index:1px;margin:10px auto; background:url(http://p1.mb5u.com/texiao/1/kkindex_nav.png)} #navli{position:absolute;width:580px;height:32px;left:35px;top:-2px;} ul {margin:0;} .dh li{width:72px;height:30px; float:left;position:relative; line-height:30px;zoom:1;list-style:none;text-align:center; background:url(http://p1.mb5u.com/texiao/1/kkindex_nav.png) no-repeat; background-position:-125px -99px} .dh li a{color:#000000; text-decoration:none} .dh li a:hover{zoom:1;color:#ffffff;text-decoration:none; font-weight:bold; background:url(http://p1.mb5u.com/texiao/1/kkindex_nav.png) no-repeat 0 -95px; width:72px; height:30px;} .dhhome{background:url(http://p1.mb5u.com/texiao/1/kkindex_nav.png) no-repeat 0 -95px;width:72px;height:30px;zoom:1;color:#ffffff !important; font-weight:bold} .dhright{position:absolute;width:280px;height:31px;left:680px;top:-2px; text-align:center; line-height:30px;} .dhrightimg{ position:absolute;right:-4px; top:10px;background:url(http://p1.mb5u.com/texiao/1/kkindex_nav.png) no-repeat; background-position:-954px -115px; padding-right:15px; width:10px;height:10px;} </style> </head>  <body> <div id="nav">   <div id="navli">     <ul class="dh"> 	<li><a href="#" class="dhhome">首頁</a></li> 	<li><a href="#">電影</a></li> 	<li><a href="#">電視劇</a></li> 	<li><a href="#">綜藝</a></li> 	<li><a href="#">動漫</a></li> 	<li><a href="#">漫畫</a></li> 	<li><a href="#">娛樂</a></li> 	<li><a href="#">排行榜</a></li> 	</ul>   </div>   <div class="dhright">    大片 - 首播 - 新片 - 客服論壇 - 更多     <div class="dhrightimg"></div></div> </div> </body> </html>

所屬頻道：菜單導(dǎo)航特效/更新時間：2011-10-11

[收藏][報錯][返回列表]

相關(guān)菜單導(dǎo)航特效：

CSS仿迅雷的網(wǎng)站導(dǎo)航_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些