js实现的黑背景灰色二级导航菜单效果代码_jquery

来源：动视网责编：小采时间：2020-11-27 21:42:35

js实现的黑背景灰色二级导航菜单效果代码_jquery

js实现的黑背景灰色二级导航菜单效果代码_jquery:本文实例讲述了js实现的黑背景灰色二级导航菜单效果代码。分享给大家供大家参考。具体如下：这是一款js实现的黑背景灰色二级导航菜单，兼容IE6、firefox的js+css横向二极导航菜单。挺简洁，不过很清新，二级菜单是水平显示在主菜单的下方，采用流行的微软雅

推荐度：

点击下载本文 文档为doc格式

导读js实现的黑背景灰色二级导航菜单效果代码_jquery:本文实例讲述了js实现的黑背景灰色二级导航菜单效果代码。分享给大家供大家参考。具体如下：这是一款js实现的黑背景灰色二级导航菜单，兼容IE6、firefox的js+css横向二极导航菜单。挺简洁，不过很清新，二级菜单是水平显示在主菜单的下方，采用流行的微软雅

本文实例讲述了js实现的黑背景灰色二级导航菜单效果代码。分享给大家供大家参考。具体如下：

这是一款js实现的黑背景灰色二级导航菜单，兼容IE6、firefox的js+css横向二极导航菜单。挺简洁，不过很清新，二级菜单是水平显示在主菜单的下方，采用流行的微软雅黑字体，若不想用这种字体，可换成默认的宋体即可。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-black-bgcolor-2level-nav-style-codes/

具体代码如下：




兼容IE6、firefox的灰色横向二极导航菜单代码


var waitting = 1;
var secondLeft = waitting;
var timer;
var sourceObj;
var number;
function getObject(objectId)//获取id的函数
{
 if(document.getElementById && document.getElementById(objectId)) {
 // W3C DOM
 return document.getElementById(objectId);
 } else if (document.all && document.all(objectId)) {
 // MSIE 4 DOM
 return document.all(objectId);
 } else if (document.layers && document.layers[objectId]) {
 // NN 4 DOM.. note: this won't find nested layers
 return document.layers[objectId];
 } else {
 return false;
 }
}
function SetTimer()//主导航时间延迟的函数
{
 for(j=1; j <10; j++){
 if (j == number){
 if(getObject("mm"+j)!=false){
 getObject("mm"+ number).className = "menuhover";
 getObject("mb"+ number).className = "";
 }
 }
 else{
 if(getObject("mm"+j)!=false){
 getObject("mm"+ j).className = "";
 getObject("mb"+ j).className = "hide";
 }
 }
 }
}
function CheckTime()//设置时间延迟后
{
 secondLeft--;
 if ( secondLeft == 0 )
 {
 clearInterval(timer);
 SetTimer();
 }
}
function showM(thisobj,Num)//主导航鼠标滑过函数,带时间延迟
{
 number = Num;
 sourceObj = thisobj;
 secondLeft = 1;
 timer = setTimeout('CheckTime()',100);
}
function OnMouseLeft()//主导航鼠标移出函数,清除时间函数
{
 clearInterval(timer);
}




 
 
 
 网站首页 
 JS代码 
 电子商务 
 脚本下载 
 建站技巧 
 CSS技巧 
 CSS导航菜单 
 网络营销 
 SEO优化 
 
 

 
 
 2012年元旦网站推广惊喜促销价 
 网站公告：脚本之家7年了  
 
 脚本之家 
 脚本之家 
 脚本之家 
 脚本之家 
 脚本之家 
 网页特效 
 
 脚本之家 
 脚本之家 
 网络营销 
 网络营销 
 网络营销 
 网络营销 
 网络营销 
 网页特效 
 
 脚本之家 
 网页特效 
 网络营销 
 网络营销 
 
 脚本之家 
 服务器租用首页 
 网络营销 
 网络营销 
 超级机房 
 脚本之家 
 
 脚本之家 
 脚本下载 
 脚本之家 
 脚本之家 
 
 脚本之家 
 脚本之家 
 脚本之家 
 个人建站 
 门户建站 
 
 脚本之家 
 网络营销 
 网络营销 
 
 脚本之家 
 网络营销 
 网页特效 
 网络营销 
 网络营销

希望本文所述对大家的javascript程序设计有所帮助。

js实现的黑背景灰色二级导航菜单效果代码_jquery

推荐度：

点击下载本文 文档为doc格式

标签：背景黑色 js

热门焦点

js实现的黑背景灰色二级导航菜单效果代码_jquery

js实现的黑背景灰色二级导航菜单效果代码_jquery

js实现的黑背景灰色二级导航菜单效果代码_jquery

最新推荐

猜你喜欢

热门推荐