教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 经典css 导航菜单代码

经典css 导航菜单代码

发布时间:2016-10-24   编辑:jiaochengji.com
教程集为您提供经典css 导航菜单代码等资源,欢迎您收藏本站,我们将为您提供最新的经典css 导航菜单代码资源
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >经典css 导航菜单代码 <style> #pad {height:140px;} #menu {padding:0; margin:0; list-style:none; float:right;} #menu li {float:left; margin-left:2px;} #menu li a {display:block; float:left; height:40px; text-decoration:none; font-family:arial, sans-serif; padding:0 20px 0 0; font-size:11px; color:#fff; background: url(http://jquerycn.cn/blog/upload/image/20091217072138.gif) no-repeat right top; text-transform:uppercase;} #menu li a b {display:block; float:left; height:15px; padding:25px 0 0 20px; background:url(http://jquerycn.cn/blog/upload/image/20091217072138.gif) left top; cursor:pointer;} #menu li a:hover {position:relative; color:#000;} #menu li a:hover b {height:32px; padding-top:8px;} .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 {color:#000;} .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 {height:32px; padding-top:8px;} </style></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
div css 二级下拉菜单导航代码
css div布局的好处与优势是什么?
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
css 水平横向导航菜单效果
css ul li实现纵向导航菜单效果
导航菜单-左则多层树形下拉菜单
jquery导航固定效果实例
经典css 导航菜单代码
jquery遮罩层效果实现导航菜单代码
超酷仿FLASH导航菜单效果

[关闭]
~ ~