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

相當(dāng)漂亮的CSS藍(lán)色滑動(dòng)門式的導(dǎo)航菜單_菜單導(dǎo)航特效

CSS版相當(dāng)漂亮的滑動(dòng)門式導(dǎo)航菜單，藍(lán)色系，立體效果，設(shè)計(jì)的非常精美，希望大家能夠喜歡哦。主菜單分為二級(jí)，如果想多級(jí)，可以看看代碼是如何調(diào)用的，分級(jí)后菜單結(jié)構(gòu)更加明淅，用戶體驗(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" />
<style>
#top { display: block; text-align: left; height:105px;  position: relative; z-index: 0;}
.m { margin:0 auto; width: 970px; }
body{ font-size:12px;}
a{
	color:#333;
	text-decoration: none;
}
a:link {  text-decoration: none; }
a.blue:link, a.blue:visited { color: #014cc9; text-decoration: none; }
a.blue:hover, a.blue:active { color: #014cc9; text-decoration: underline; }
a.org:link, a.org:visited { color: #ff4e00; text-decoration: none; }
a:hover, a:active, a.org:hover, a.org:active { color: #ff4e00; text-decoration: underline; }
#navpart {
	background: url(http://p1.mb5u.com/texiao/1/navpartbg.gif) repeat-x center top;
	height: 105px;
	width:970px;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	position: relative;
}
#navpart .sideleft { background: url(http://p1.mb5u.com/texiao/1/navpartbg.gif) no-repeat left bottom; float: left; height: 105px; width: 6px;}
#navpart .sideright { background: url(http://p1.mb5u.com/texiao/1/navpartbg.gif) no-repeat right bottom; float: right; height:105px; width: 6px}
/* NAVMENUBAR */
#navmenubar { height: 32px; float: left; display: inline; margin: 0 -6px; width: 100%; position: relative; z-index: 3; top:0}
#hot { background: url(http://p1.mb5u.com/texiao/1/sign_hot.gif) no-repeat left top; height: 21px; width: 19px; position: absolute; top: -5px; right: 2px; z-index: 666}
#navmenubar .sideleft { background: url(http://p1.mb5u.com/texiao/1/navmenubg.gif) no-repeat left bottom; float: left; height: 32px; width: 6px; display: inline; margin: 0 0 0 8px}
#navmenubar .sideright { background: url(http://p1.mb5u.com/texiao/1/navmenubg.gif) no-repeat right bottom; float: left; height: 32px; width: 6px; display: inline; margin: 0 4px 0 -2px}
/* NAVMENU */
#navmenubar .navmenu { background: url(http://p1.mb5u.com/texiao/1/navmenubg.gif) repeat-x center top; height: 32px; padding: 0; margin: 0; float: left; display: inline}
#navmenubar .navmenu li { float: left; white-space: nowrap; margin: 0px; padding: 0px; display: inline}
#navmenubar .navmenu li a { background: url(http://p1.mb5u.com/texiao/1/navmenutabbg.gif) no-repeat 0 0; width: 80px; padding: 7px 2px 5px 0; float: left; line-height: 20px; height: 20px; text-align: center}
#navmenubar .navmenu li a:hover { background-position: 0 -32px; color: #602800; text-decoration: none; padding: 8px 2px 4px 0}
#navmenubar .navmenu .current a , #navmenubar .navmenu .current a:hover { background: url(http://p1.mb5u.com/texiao/1/navmenutabbg.gif) no-repeat 0 -64px; font-weight: 600; color: #FFF; font-size: 14px; padding:7px 2px 5px 0}
#top #navpart .mrc {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 950px;
	height:auto;
}
.clear { clear: both; display: block; font: 0px/0 sans-serif; height: 0px; overflow: hidden; }
</style>
<title>CSS藍(lán)色滑動(dòng)門式的導(dǎo)航菜單</title>
</head>
<body>

<div id="top" class="m">
  <div id="navpart">
    <div class="sideleft"></div>
    <div class="sideright"></div>
    
    <div id="navmenubar">

<div> <div class="mrc">
 <br /><br />
      <a href="/" target="_blank">相見恨晚嗎？</a></div> </div>
  </div>
</div>
<div class="clear"></div>

<br>
<br>
<br>
<br>
<br>
<div align="center">------------------------------------------------------------------------------------------<br />
用DW CS3編輯.... 當(dāng)前選項(xiàng)卡用<li class="current">調(diào)用</div>
</body>
</html>

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

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

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

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

相當(dāng)漂亮的CSS藍(lán)色滑動(dòng)門式的導(dǎo)航菜單_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些