js实现仿爱微网两级导航菜单效果代码【javascript】

web前端|js教程

js,仿爱微网,两级导航菜单

web前端-js教程

本文实例讲述了js实现仿爱微网两级导航菜单效果代码。分享给大家供大家参考。具体如下：

flash 360全景 源码,电化学中vscode是啥意思,ubuntu 传送文件,tomcat内存参数设置,go爬虫python,php漏洞补丁教程,石河子seo网络营销产品lzw

这是一款仿爱微网两级导航菜单，tab选项卡形式的导航菜单，原生js做的tab选项卡型的导航菜单，需要鼠标点击才切换出二级子菜单，可修改成鼠标移过去就更换内容的形式。

网狐荣耀版源码环境,vscode保存文件会变,ubuntu sox安装,tomcat 7自动关闭,爬虫抓取js,获取手机号归属地 php,佛山市网络seo推广企业,好东西网站网站lzw

运行效果截图如下：

android在线音乐播放器源码,vscode设置服务器访问,ubuntu下载404,tomcat视频卡,爬虫360图片,学习php好的网站,虚拟主机对seo的作用lzw

在线演示地址如下：

/js//js-fawei-web-nav-menu-style-codes/

具体代码如下：

*{margin:0;padding:0;}.subnav { background-color: #3188DA; color: #C0DEF9; height: 20px;}.subnav a { color: #FFFFFF; margin-bottom: 0; margin-left: 5px; margin-right: 5px; margin-top: 0;}.subnav a.cur { color: #FAEC04;}.aa { background-image: url("images/ui1.jpg"); background-origin: padding-box; background-position: left -92px; background-repeat: no-repeat;}.bb { background-color: #75BAFB; background-image: url("images/ui1.jpg"); background-position: left -183px; background-repeat: no-repeat;}.cc{color:#ffffff;}.dd{color:#000}ul,li{list-style-type:none}#navbox { margin-bottom: 15px; position: relative; width:960px;}.mainnav { border-bottom-color: #3188DA; border-bottom-style: solid; border-bottom-width: 5px; height: 31px;}.mainnav li { color: #FFFFFF; float: left; font-size: 14px; font-weight: bold; line-height: 31px; margin-right: 5px; text-align: center; width: 90px;}.mainnav li a { display: block; font-weight: normal; height: 31px;}.uhide{display:none;}.ushow{display:block;}

首页 PHP教学 网页前端 网页特效 脚本下载

PHP基础 | mysql教学 | smarty教学 |PHP框架 | PHP开源 | Linux教学

DIV+CSS布局 | javascript教学 | jquery教学 |ajax教学 | flash开源 | photoshop教学

js导航菜单 | js表单特效 | js幻灯片 |js文本特效 | js弹出层 | js网页特效

function g(o){return document.getElementById(o);}function qh(n){ for(var i=0;i<=6;i++){ g( a_+i).className=aa; g( a_+n).className=b; g(a+i).className=dd; g(a+n).className=cc; g( ab_+i).className=uhide subnav; g( ab_+n).className=ushow subnav; g( ab_0).className=uhide; g( ab_0).className=uhide; g( ab_4).className=uhide; g( ab_4).className=uhide; }}