教程集 > 脚本编程 > javascript > 正文 css 下拉菜单代码

css 下拉菜单代码

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

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

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

<textarea name="runcool" rows="28" cols="75" >css 下拉菜单代码 <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:140px;} #menu {padding:0; margin:0 0 0 293px; list-style:none; height:40px; background:url(/blog/upload/image/20091219072952.gif) repeat-x;} #menu li {float:left;} #menu li a {display:block; height:40px; line-height:40px; padding:0 20px 0 0; float:left; color:#fff; text-decoration:none;} #menu li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;} #menu li a:hover, .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/20091219072902.gif) no-repeat right top; line-height:36px;} #menu li a:hover 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/20091219072927.gif) no-repeat left top; line-height:36px;} </style></textarea>

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

您可能感兴趣的文章：
导航菜单-横竖结合的折叠下拉导航菜单效果
 巧用jquery解决下拉菜单被Div遮挡的相关问题
 div css 二级下拉菜单导航代码
 jQuery菜单插件 Smooth Navigational Menu
jQuery ul标签下拉菜单演示代码
 jquery下拉菜单 ul标签下拉菜单的例子
 jquery无限层级下拉菜单实现代码
 javascript 无限级横向下拉导航菜单效果
 用jquery实现下拉菜单效果的代码
 Jquery 下拉菜单的实现代码一例

上一篇：div css导航菜单下一篇：Javascript MVVM 框架研究

[关闭]

css 下拉菜单代码

最近更新

浏览排行