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

鼠標(biāo)滑過(guò)變色的菜單欄_菜單導(dǎo)航特效

鼠標(biāo)滑過(guò)變色的菜單欄，比較適合作企業(yè)網(wǎng)站用，大家可以看到有很多企業(yè)或公司網(wǎng)站可以看到這種菜單效果，菜單要用到兩個(gè)GIF圖片，請(qǐng)查看演示后自行下載。

<html>
<head>
<title>鼠標(biāo)滑過(guò)變色的菜單欄</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=GB2312" />
<style type="text/css">
<!--
*{
	margin:0;
	padding:0;
}
body{
	background:#FFF; 
	font:12px normal Arial, Helvetica, sans-serif #333;
	line-height:18px;
}
#headerMenu {
	width:560px;
	margin:30px auto;
}
.menu {
	font-size:14px;
	line-height:18px;
    *line-height:32px;
}
.menu li {
	display:inline;
}
.menu a:link,
.menu a:visited{
	display:-moz-inline-stack;/*FF下有效*/
	*display:inline;/*此行及下行為IE定義*/
	zoom:1;
	width:80px;
	padding:8px 0px 6px 0px;
	*padding:0;
	float:left;
	color:#014A99;
    text-align:center;
	text-decoration:none;
	background:url(http://p1.mb5u.com/texiao/bg_menu1.gif);
}
.menu a:hover{
	color:#FFF;
	font-weight:bold;
	background:url(http://p1.mb5u.com/texiao/bg_menu2.gif);
}
.home{
	background:url(http://p1.mb5u.com/texiao/bg_menu2.gif)!important;
	color:#FFF !important;
	font-weight:bold;
}

//-->
</style>
</head>
<body>
<div   class="vv755ht"   id="headerMenu">
<ul class="menu">
    <li><a class="home" href="/">網(wǎng)站首頁(yè)</a> </li>
    <li><a href="#">企業(yè)新聞</a> </li>
    <li><a href="#">產(chǎn)品專區(qū)</a> </li>
    <li><a href="#">客戶服務(wù)</a> </li>
    <li><a href="#">資料中心</a> </li>
    <li><a href="#">聯(lián)系我們</a> </li>
    <li><a href="#">關(guān)于我們</a> </li>
</ul>
</div>
</body>
</html>

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

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

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

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

鼠標(biāo)滑過(guò)變色的菜單欄_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些