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

鼠標滑過變色的菜單條_菜單導航特效

鼠標滑過變色的CSS菜單條，用了不少圖片，不過兼容性挺好，相信代碼大多數(shù)都能看懂，共享給大家，希看喜歡哦。

<html>
<head>
<title>鼠標滑過變色的菜單條</title>
<style type="text/css">
#pro13 ul {margin:0 auto; padding:10px; list-style:none; white-space:nowrap; list-style:none; height:35px; position:relative; background:#aa6; font-size:11px;}
#pro13 li {margin:0; padding:0; float:left;}
#pro13 li a {display:block; float:left; height:35px; line-height:35px; color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 15px; cursor:pointer; background:url(http://p1.mb5u.com/texiao/pro_13_0a.gif) no-repeat;}
#pro13 li a b {float:left; display:block; padding:0 30px 0 15px; background:url(http://p1.mb5u.com/texiao/pro_13_0b.gif) no-repeat right top;}
#pro13 li.current a {color:#cc0; background:url(http://p1.mb5u.com/texiao/pro_13_2a.gif) no-repeat; line-height:33px;}
#pro13 li.current a b {background:url(http://p1.mb5u.com/texiao/pro_13_2b.gif) no-repeat right top; padding-bottom:2px;}
#pro13 li a:hover {color:#ff0; background: url(http://p1.mb5u.com/texiao/pro_13_1a.gif) no-repeat; line-height:35px;}
#pro13 li a:hover b {background:url(http://p1.mb5u.com/texiao/pro_13_1b.gif) no-repeat right top;}
#pro13 li.current a:hover {color:#cc0; background: url(http://p1.mb5u.com/texiao/pro_13_2a.gif) no-repeat; cursor:default; line-height:33px;}
#pro13 li.current a:hover b {background:url(http://p1.mb5u.com/texiao/pro_13_2b.gif) no-repeat right top; padding-bottom:2px;}
</style>
</head>
<body>
<div id="pro13">
<ul>
<li><a href="#"><b>Index</b></a></li>
<li><a href="#"><b>Service</b></a></li>
<li><a href="#"><b>Products</b></a></li>
<li><a href="#"><b>Welcome</b></a></li>
<li><a href="#"><b>Search</b></a></li>
</ul>
</div>
</body>
</html>

所屬頻道：菜單導航特效/更新時間：2011-02-24

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

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

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

鼠標滑過變色的菜單條_菜單導航特效

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些