[js横向导航菜单]js横向导航菜单特效 时间：2016-04-01 来源：导航菜单 阅读： 提示：您可以先修改部分代码再运行js横向<a href="http://www.bbyears.com/clist-203-1.html" target="_blank" class="keylink">导航菜单</a>特效 <ul id="menu"> <li id="home"><b>Home</b> <li id="single"><b>Single Level</b> <li id="dropdown"><b>Dropdown</b> <li id="dropline"><b>Dropline</b> <li id="flyout"><b>Flyout</b> <li id="support"><b>Support</b> <li id="contact"><b>Contact</b> <style> #pad {height:100px;} #menu {padding:0 0 0 30px; margin:0 0 0 300px; list-style:none; width:670px; height:60px; background:url(http://filesimg.111cn.net/200912190103489.png)} * html #menu { margin:0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://filesimg.111cn.net/200912190103489.png", sizingMethod="scale"); } #menu li {position:relative; float:left; margin:0;} #menu li a {display:block; height:36px; line-height:35px; padding:0 20px 0 0; float:left; color:#333; text-decoration:none; font-family:arial, sans-serif; font-size:11px; background:url(http://www.111cn.net/blog/upload/image/20091219072225.png) no-repeat right top;} #menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px;} #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:#999 url(/blog/upload/image/20091219072300.png) no-repeat right top; cursor:pointer; color:#fff; line-height:35px;} #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 { background:#999; cursor:pointer;} </style> 提示：您可以先修改部分代码再运行[js横向导航菜单]js横向导航菜单特效 http://m.bbyears.com/wangyetexiao/22831.html 推荐访问: 上一篇：javascript学习指南_javascript 经典导航菜单代码 下一篇：【js导航菜单】js导航菜单特效-变化背景