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

CSS仿迅雷視頻首頁(yè)導(dǎo)航條(藍(lán)色)_菜單導(dǎo)航特效

這個(gè)導(dǎo)航條做的不錯(cuò)，是模仿迅雷視頻網(wǎng)站的，完全基于CSS和HTML代碼，大氣清新，請(qǐng)運(yù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>仿迅雷網(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>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2011-02-24

[收藏][報(bào)錯(cuò)][返回列表]

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

CSS仿迅雷視頻首頁(yè)導(dǎo)航條(藍(lán)色)_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些