`
conquer0
  • 浏览: 78399 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery的导航页面七(nodeDocPage.jsp续)

阅读更多
    // 鼠标移至导航条时的弹出隐藏下拉菜单
    function toolBarHover(span) {
    // 该数组存放各select控件原始的visibility属性值
   
        var originalStatus = new Array();
    var pop = $("#popup");
        $(span).hover(function(){
    span.attr("className", "tool_bar_onmouseover");

        var spanOffset = $(this).offset();
    pop.attr("className", "popup_mouseover");
    pop.css("left", spanOffset.left - $("#c_shadow").offset().left);
    pop.css("top", spanOffset.top - $("#c_shadow").offset().top + $(this).height());
   
        pop.empty();
       
        var level = parseInt(span.attr("level"));
        var classmates = navigation_bar_classmates[level];
       
        for (var i=0; i < classmates.length; i++) {
       
        var item = $("<span></span>");
       
    item.attr("id", classmates[i].item_id);
    item.attr("level", classmates[i].level);
    item.text(classmates[i].item_name);
    item.bind("click", function(){
        addNavigationItem($(this).clone());
        pop.hide();
        return false;
    });
       
        item.attr("className", "popup_mouseover");
   
item.hover(menuItemOnMouseOver, menuItemOnMouseOut);
        pop.append(item);
        }
       
//设置该对象的事件
pop.hover(divPopupOnMouseOver, divPopupOnMouseOut);

if (getOs() == "MSIE") {
        var frm = $("<iframe id='iframePopup' scrolling='no' frameborder='0' style='position:absolute;visibility:inherit; top:0px; left:0px;'></iframe>");
        frm.width(pop.width());
        frm.height(pop.height());
        frm.css("zIndex", pop.css("zIndex") - 1);
        pop.append(frm);
}

        pop.show("fast");
        }, function(e) {
            $(span).attr("className", "normal");
            var left = $(span).offset().left;
            var top = $(span).offset().top;
            var height = $(span).height();
           
            //获得鼠标位置
var x, y;
e = e || window.event;
if(e.pageX || e.pageY){
x=e.pageX;
y=e.pageY;
}else{
x=document.body.scrollLeft+event.clientX;
y=document.body.scrollTop+event.clientY;
}
            if (!(y >= top+height)) {
            pop.hide();
            }
        });
    }
    // 获取用户使用的浏览器
    function getOs()
{
    var OsObject = "";
    if(navigator.userAgent.indexOf("MSIE")>0) {
         return "MSIE";
    }
    if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
         return "Firefox";
    }
    if(isChrome=navigator.userAgent.indexOf("Chrome")>0){
         return "Chrome";
    }
    if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
         return "Safari";
    }
    if(isCamino=navigator.userAgent.indexOf("Camino")>0){
         return "Camino";
    }
    if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
         return "Gecko";
    }
}

    function menuItemOnMouseOver() {
    $(this).attr("className", "popup_item_hover");
    }
   
    function menuItemOnMouseOut() {
    $(this).attr("className", "popup_mouseover");
    }
   
    function divPopupOnMouseOver() {
    }
   
    function divPopupOnMouseOut() {
    $(this).hide();
    }
分享到:
评论

相关推荐

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery.hash.min.js 和 jquery.ba-hashchange.min.js

    而 `jquery.hash.min.js` 和 `jquery.ba-hashchange.min.js` 这两个文件则是在 jQuery 基础上扩展了对浏览器 URL hash 变化的处理,从而实现单页面应用(Single Page Application, SPA)中后退和前进按钮的刷新功能...

    jquery插件jquery-ui-1.8.2.custom.min.js

    此外,"jquery.cookie.js"是另一个jQuery插件,用于处理浏览器的Cookie。它允许开发者方便地读取、写入和删除Cookie,从而实现用户数据的本地存储,这对于实现记住密码、页面状态保存等功能非常有用。 在实际应用中...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    `jquery-ui-1.8.16.custom.min.js` 是jQuery UI的核心JavaScript文件,经过压缩处理("min"表示最小化),以减小文件大小,提高页面加载速度。这个文件包含了各种UI组件的实现,如对话框(Dialog)、滑块(Slider)...

    jquery-ui.min.js

    &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script src="https://code.jquery....

    jquery.qrcode.min.js H5 html jsp生成二维码官方js库

    对于JSP页面,集成方式基本一致,只需将jQuery和`jquery.qrcode.min.js`的引入替换为服务器路径: ```jsp ;charset=UTF-8" language="java" %&gt; &lt;title&gt;jQuery QRCode JSP 示例 &lt;script src="&lt;%= request....

    jquery-upload.min.js和jquery-1.11.0.min.js

    jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片,文件等非常合适。 详情可参考:http://blog.csdn.net/programmer_sir/article/details/29570935

    jQuery-3.6.0.min.js

    jQuery-3.6.0.min.js

    jquery.qrcode.min.js---二维码的jquery插件

    jquery.qrcode.min.js 二维码的jquery插件

    jquery-3.1.1.js和jquery-3.1.1.min.js

    《jQuery 3.1.1版本详解:从js到min.js》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件...

    jquery.cookie.min.js

    最新的JQUERY.COOKIE.MIN.JS

    jquery.easing.1.3.min.js

    jquery.easing.1.3.min.js 动画效果js

    jquery-2.2.3.min.js

    jquery-2.2.3.min.js

    jquery.easings.min.js

    jquery.easings.min.js

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jquery.ui.widget.js

    jquery的ui插件核心js文件: jquery.ui.widget.js

    jquery-qrcode的源码 jquery.qrcode.min.js

    jquery-qrcode的源码 jquery.qrcode.min.js 用于生成二维码

    jquery.table2excel.js

    jquery.table2excel.js,一款挺好用的javascript导出插件,需要jquery-1.7.1.min.js的支持。使用方法: $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); ...

    jquery-3.3.1.js和jquery.min-3.3.1.js

    2. `jquery.min-3.3.1.js`:这是一个经过压缩和优化的版本,目的是为了减少文件大小,提高页面加载速度。通过删除不必要的空格、换行和注释,以及对变量名进行混淆,这个版本的文件体积大大减小,对于生产环境是首选...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩代码等方式,显著减少了文件大小,提高了页面加载速度。然而,由于代码被高度压缩,不适合用于调试,因为其可读性较差。 8. **使用场景** jQuery广泛...

Global site tag (gtag.js) - Google Analytics