PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > 菜单导航 > 正文

    jquery制作的多级下拉菜单

    作者:admin来源:网络浏览:时间:2014-05-26 06:50:03我要评论
    分享到

    内容介绍

    此作品为jquery制作的多级下拉菜单代码,代码非常简单,修改即可使用,需要的朋友可以参考一下,B5教程网推荐下载!B5教程网,站长必备js网页特效及js广告代码,提供高质量js特效下载。
     
    核心代码
     
     
    复制代码 代码如下:
    stuHover = function() {
    var cssRule;
    var newSelector;
    for (var i = 0; i < document.styleSheets.length; i++)
    for (var x = 0; x < document.styleSheets[i].rules.length ; x+
    +)
    {
    cssRule = document.styleSheets[i].rules[x];
    if (cssRule.selectorText.indexOf("LI:hover") != -1)
    {
    newSelector = cssRule.selectorText.replace
    (/LI:hover/gi, "LI.iehover");
    document.styleSheets[i].addRule(newSelector ,
    cssRule.style.cssText);
    }
    }
    var getElm = document.getElementById("nav").getElementsByTagName
    ("LI");
    for (var i=0; i<getElm.length; i++) {
    getElm[i].onmouseover=function() {
    this.className+=" iehover";
    }
    getElm[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp("
    iehover\\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", stuHover);

    下载资源:135 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-50-236-1.html