教程集 > 脚本编程 > javascript > 正文 js 下拉菜单

js 下拉菜单

发布时间：2016-10-24 编辑：jiaochengji.com

教程集为您提供js 下拉菜单等资源，欢迎您收藏本站，我们将为您提供最新的js 下拉菜单资源

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

<textarea name="runcool" rows="28" cols="75" >js 下拉菜单 <ul id="menu"> <li id="home">Home</li> <li id="single">Single Level</li> <li id="dropdown">Dropdown</li> <li id="dropline">Dropline</li> <li id="flyout">Flyout</li> <li id="support">Support</li> <li id="contact">Contact</li> </ul> <style> #pad {height:100px;} #menu {padding:0; margin:0 0 0 300px; list-style:none; width:700px; height:60px; background:url(http://filesimg.jiaochengji.com/20091217010001824.png)} * html #menu { margin:0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://filesimg.jiaochengji.com/20091217010001824.png', sizingMethod='scale'); } #menu li {position:relative; float:left; margin:0 5px; padding-top:4px;} #menu li a {display:block; height:26px; line-height:23px; padding:0 20px 0 0; float:left; color:#ddd; text-decoration:none; font-family:arial, sans-serif; font-size:11px;} #menu li a b {display:block; height:26px; 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: url(http://www.jiaochengji.com/blog/upload/image/20091217071844.png) right top; cursor:pointer; color:#fff; line-height:25px;} #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: url(http://www.jiaochengji.com/blog/upload/image/20091217071903.png) left top; cursor:pointer;} </style></textarea>

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

您可能感兴趣的文章：
jQuery菜单插件 Smooth Navigational Menu
Jquery带搜索框的下拉菜单
 js下拉菜单代码
 Jquery下拉菜单(jquery 下拉菜单插件Sexy Drop Down Menu)
导航菜单-左则多层树形下拉菜单
 jQuery ul标签下拉菜单演示代码
 jquery下拉菜单 ul标签下拉菜单的例子
 jquery无限层级下拉菜单实现代码
 用jquery实现下拉菜单效果的代码
 Jquery 下拉菜单的实现代码一例

上一篇：经典css 导航菜单代码下一篇：js下拉菜单样式代码

[关闭]

js 下拉菜单

最近更新

浏览排行