[漂亮css div导航菜单]漂亮CSS+DIV导航菜单代码

更新时间：2016-03-31 来源：导航菜单手机版 字体：大中小

【www.bbyears.com--导航菜单】

提示：您可以先修改部分代码再运行

漂亮CSS+DIV<a href="http://www.bbyears.com/clist-203-1.html" target="_blank" class="keylink">导航菜单</a>代码
<ul id="menu">
			<li id="home" class="first">Home
			<li id="single">Single Level
			<li id="dropdown">Dropdown
			<li id="dropline">Dropline
			<li id="flyout">Flyout
			<li id="support">Support
			<li id="contact" class="last">Contact
		
		<style>
		#menu {padding:0; margin:0; list-style:none; width:700px; height:45px; position:absolute; top:150px; left:300px;}
#menu li {position:relative; float:left;}
#menu li a {display:block; height:45px; width:100px; padding:0; float:left; color:#fff; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:14px; text-align:center; cursor:pointer; background: url(/blog/upload/image/20091219073159.png);}
#menu li a b {position:relative; top:12px; font-weight:normal;}
* html #menu li a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/blog/upload/image/20091219073159.png", sizingMethod="scale");}

#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{background: url(/blog/upload/image/20091219073249.png) no-repeat right top; cursor:pointer; color:#fff;}

* html #menu li a:hover, 
* html #menu li a:active,
* html #menu li a:focus,
* html .home #menu li#home a,
* html .single #menu li#single a,
* html .dropdown #menu li#dropdown a,
* html .dropline #menu li#dropline a,
* html .flyout #menu li#flyout a,
* html .support #menu li#support a,
* html .contact #menu li#contact a
{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/blog/upload/image/20091219073249.png", sizingMethod="scale");}

#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.single #menu li#single a b,
.dropdown #menu li#dropdown a b,
.dropline #menu li#dropline a b,
.flyout #menu li#flyout a b,
.support #menu li#support a b,
.contact #menu li#contact a b
{cursor:pointer; top:8px; padding-right:3px;}

</style>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyetexiao/22813.html

链接：http://www.bbyears.com/wangyetexiao/22813.html
[漂亮css div导航菜单]漂亮CSS+DIV导航菜单代码(转载时请注明本文出处及链接)

猜你感兴趣

鼠标菜单下拉导航栏|鼠标菜单下拉导航菜单代码 2016-03-31
【漂亮的css导航菜单】漂亮的css导航菜单 2016-03-31
【网络兼职挣钱可靠吗】网络挣钱-五点经验教你淘客赚钱 2016-03-31
【css超出部分省略号】css 下拉菜单代码 2016-03-31
[asp.net core]asp.net 在网页上的 sql 替换程序 2016-03-31
css div 居中|css+div 导航菜单代码 2016-03-31
css超出部分省略号|css 导航菜单代码 2016-03-31
网站文章如何快速收录|网站收录查询_PageRank查询_ALEXA查询_综合查询 2016-03-31
【mouser】mouse 经过滑动导航菜单代码 2016-03-31
css下拉菜单代码|css下拉菜单导航条 2016-03-31

本类排行

本类最新

更多>>

[漂亮css div导航菜单]漂亮CSS+DIV导航菜单代码

猜你感兴趣

热门标签

本类排行

本类最新