Jquery中文网 > 脚本编程 > javascript > 正文 Div CSS制作的仿中国移动会员中心竖向三级导航菜单

Div CSS制作的仿中国移动会员中心竖向三级导航菜单

发布时间：2017-08-14 编辑：www.jquerycn.cn

jquery中文网为您提供Div CSS制作的仿中国移动会员中心竖向三级导航菜单等资源，欢迎您收藏本站，我们将为您提供最新的Div CSS制作的仿中国移动会员中心竖向三级导航菜单资源

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

<textarea name="runcool" rows="28" cols="75" >Div CSS制作的仿中国移动会员中心竖向三级导航菜单 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Div CSS制作的仿中国移动会员中心竖向三级导航菜单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{margin:0;padding:0;list-style:none;} .c_subNav{width:150px;} .c_subNav table{width:100%;border-collapse:collapse;} .c_subNav a{text-decoration:none;color:#333;} .c_subNav a:hover{color:#f60;} .c_subNav ul ul{position:absolute;visibility:hidden;right:-150px;top:-1px;} .c_subNav li{border-bottom:1px solid #ccc;position:relative;_position:static;float:left;width:100%;} .c_subNav a.li{position:relative;} .c_subNav li .option{display:block;line-height:15px;padding:5px 5px 5px 25px;background:no-repeat 5px 4px;cursor:pointer;font:12px Verdana;zoom:1;background:url() no-repeat;} .c_subNav li .option:hover{color:#f60;background-color:#ffa;} .c_subNav li .option span{display:block;padding-right:15px;background:url() no-repeat right 0;} .c_subNav li .option:hover span{background-position:right -15px;} .c_subNav .li:hover{z-index:2;background:transparent;} .c_subNav .li:hover ul{visibility:visible;} .c_subNav .li:hover ul ul{visibility:hidden;} .c_subNav .li:hover ul{border:1px solid #ccc;border-width:1px 2px 2px 1px;width:150px;background:#fff;padding:1px;} .c_subNav .li:hover li{border-bottom:none;} .c_subNav .li:hover li .option{padding:2px 5px;background:transparent;} .c_subNav .li:hover li .option:hover{background:#0096ff;color:#fff;} .c_subNav .li:hover li .option:hover span{background-position:right -30px;} .c_subNav .li:hover .li:hover ul{visibility:visible;left:145px;top:-2px;} /*---图标差异---*/ .c_subNav .charges .option{background-position:4px -45px;} .c_subNav .biz .option{background-position:4px -70px;} .c_subNav .change .option{background-position:4px -95px;} .c_subNav .score .option{background-position:4px -120px;} .c_subNav .server .option{background-position:4px -145px;} .c_subNav .edit .option{background-position:4px -170px;} .c_subNav .sms .option{background-position:4px -195px;} </style> </head> <body>

</body> </html></textarea>

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

您可能感兴趣的文章：
Div CSS制作的仿中国移动会员中心竖向三级导航菜单
 CSS3和jQuery实现花瓣网固定顶部位置悬浮菜单效果
 对css滑动门技术的一些总结和归纳
 javascript 仿FLASH效果的竖向导航菜单
 纯CSS制作的竖向导航菜单
 2013年优秀jQuery插件整理小结
 导航菜单-三级折叠竖向下拉导航菜单效果
 如何用CSS制作纵向导航菜单？
超酷仿FLASH导航菜单效果
 深入Bootstrap CSS组件学习教程

上一篇：漂亮的网站通用仿163,sina新年模板下一篇：纯CSS制作的竖向导航菜单

[关闭]

Div CSS制作的仿中国移动会员中心竖向三级导航菜单

最近更新

浏览排行

Div CSS制作的仿中国移动会员中心 竖向三级导航菜单

最近更新

浏览排行

Div CSS制作的仿中国移动会员中心竖向三级导航菜单