多级导航菜单 /* ::::: css ::::: */ strong { font-style: normal; font-weight: normal; font-weight: bold; } a { cursor: pointer; text-decoration: none; } #container { width: 960px; margin: 0pt auto; } #nav, .nav-container, .nav-container ul, #nav .nav-master-a:hover, #nav .nav-master-a:hover strong, #nav li.current .nav-master-a strong, #nav li.current .nav-master-a, #nav .nav-sub a:hover, #nav .nav-sub a:hover span { background-image: url('/upload/201011/20101103170026176.gif'); background-repeat: no-repeat; } #nav { position: relative; height: 66px; margin: 5px 0pt 0pt; background-position: 0pt -230px; background-repeat: repeat-x; } .nav-container { padding-left: 15px; height: 66px; background-position: 0pt 0pt; } .nav-container ul { height: 100%; background-position: right -66px; } .nav-container ul ul.nav-sub { background: none repeat scroll 0% 0% transparent; height: auto; } .nav-master { display: block; float: left; height: 36px; width: 100px; line-height: 36px; text-align: center; padding-right: 4px; } .nav-master-a { display: block; font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; background: none repeat scroll 0% 0% transparent; text-decoration: none; margin-top: 5px; } .nav-master-a strong { display: block; color: rgb(255, 255, 255); height: 100%; } li.current .nav-master-a strong, #nav li.current .nav-master-a:hover strong { color: rgb(0, 0, 0); } .nav-master-a:hover { text-decoration: none; background-position: 0pt -315px; } .nav-master-a:hover strong { background-position: right -360px; } #nav li.current .nav-master-a strong { background-position: right -180px; padding-top: 2px; } #nav li.current .nav-master-a { background-position: 0pt -131px; overflow: hidden; color: rgb(0, 0, 0); height: 31px; } #nav li.current .nav-master-a:hover strong { color: rgb(0, 0, 0); } ul.nav-sub { position: absolute; width: 920px; text-align: left; top: 38px; left: 20px; display: none; padding: 2px 0pt 0pt; background: none repeat scroll 0% 0% transparent; } #nav .current .nav-sub { display: block; } .nav-sub li { float: left; display: block; width: 78px; text-align: center; height: 30px; overflow: hidden; margin-right: 4px; } #nav .nav-sub a { display: block; height: 22px; overflow: hidden; color: rgb(77, 77, 77); text-decoration: none; } #nav .nav-sub a span { display: block; line-height: 22px; height: 22px; } #nav .nav-sub a:hover { background-position: 0pt -405px; } #nav .nav-sub a:hover span { background-position: right -446px; } .sp-nav { overflow:hidden; background: url(/upload/201011/20101103170026176.gif) repeat-x 0 -595px; height:31px; line-height:31px } .sp-con { color:#CCC; margin:0 auto; width:968px; } .sp-l { overflow:hidden; float:left; background:url(/upload/201011/20101103170026176.gif) no-repeat 0 -558px; width:6px; height:31px } .sp-r { overflow:hidden; float:right; background:url(/upload/201011/20101103170026176.gif) no-repeat -6px -558px; height:31px; width:6px; } .sp-m { position:relative; padding:0 10px; float:left; background:url(/upload/201011/20101103170026176.gif) repeat-x 0 -495px; height:31px; line-height:31px; width:936px; color:#000; text-align: left; } .other { float: left; height: 23px; margin-right: 22px; display: inline; } .so { float: right; padding-top: 6px; height: 26px; } .so .inputstyleso { width: 89px; height: 16px; line-height: 16px; border: 1px solid rgb(190, 190, 190); float: left; padding-top: 2px; padding-left: 5px; } .so img { float: left; margin: 2px 4px 0pt 0pt; display: inline; } 首页 最近更新 热门推荐 周下载榜 月下载榜 相关教程 美化软件 xp主题 美女明星 影视动漫 清爽系列 颜色专题 3D金属 节日游戏 汽车体育 风景设计 苹果系统 透明专题 vista主题 完美套装 动漫影视 清爽系列 美女主题 3D系列 汽车主题 风景主题 黑色主题 创意设计 系统主题 win7主题 完美套装 风景主题 动漫影视 汽车主题 清爽系列 设计主题 黑色主题 精美推荐 屏幕保护 泡泡 湖泊瀑布 动物植物 3D、游戏 影视卡通 时钟 恐怖 节日、艺术 水馆族 自然风光 太空、火焰 系统图标 IP包 苹果 系统硬件 生活 游戏 节日 卡通 文件夹 回收站 软件 手机数码 鼠标指针 动漫鼠标 透明系列 精美特色 CursorFx/Xp 鼠标特效 桌面壁纸 3D、创意 美女明星 动物植物 风景、日历 节日系列 影视动漫 游戏卡通 PSP、手绘 炫彩抽象 人文建筑 其它美化 启动界面 登陆界面 vista边栏 梦幻桌面 系统声音 精选美化包 相关教程 美化软件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　JavaScript 克隆双重输入文字

双重输入文字 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读

本文标题：自己做一款不错的二级导航菜单

地址：http://www.17bianji.com/kaifa2/JS/25504.html

 1/2    1