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

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

阅读更多
// 点击导航条中的产品线时,高亮左边的导航树
function highlightLeftMenuTree(node) {
if ($(node).attr("level") == 0) {
$("div[id=navigate_tree_div]").each(
        function() {
        $(this).removeClass();
        if ($(this).find("a:first").attr("id") == $(node).attr("id")) {
        $(this).addClass("m_lv3_sel_red");
        } else {
        $(this).addClass("m_lv3_unsel");
        }
        });
}
}
    // 从前面或者联想至本画面时导航条的初始化
    function initToolBar() {
   
var div = $("#navi_toolbar_div");

div.empty();
   
    for (var i = 0; i < navigation_bar_list.length; i++) {
   
    if (i > 0) {
    div.append(separator_arrow);
    }
    var span = $("<span></span>");
    span.attr("id", navigation_bar_list[i].item_id);
    span.attr("level", navigation_bar_list[i].level);
    span.text(navigation_bar_list[i].item_name);
    span.attr("className", "normal");
    span.bind("click", function(){
        addNavigationItem($(this).clone());
        return false;
    });
    div.append(span);
   
    $("#itemId" + i).val(navigation_bar_list[i].item_id);
    }

    // 各级itemID设置
    for (var id = navigation_bar_list.length; id<=9; id++){
        $("#itemId" + id).val(null);
    }
}
    // 更新导航条
function updateToolBar(node) {
//清空导航当前节点以下的路径节点
var curLevel=parseInt($(node).attr("level"));
    
var div = $("#navi_toolbar_div");
    
$("div#navi_toolbar_div > span").each(
function(i){
var iLevel =parseInt($(this).attr("level"));
if(curLevel == 0) {
div.empty();
            }
                if(iLevel>=curLevel){
                    $(this).prev("#separatorArrow").remove();
                    $(this).remove();
}
    }
    );
   
    var span = $("<span></span>");
    span.attr("id",$(node).attr("id"));
    span.attr("href","#");
    span.attr("level",$(node).attr("level"));
    span.attr("className", "normal");
    span.text($(node).text());

    span.bind("click", function(){
        addNavigationItem($(this).clone());
        return false;
     });
   
    toolBarHover(span);
   
    if (curLevel > 0) {
        div.append(separator_arrow);
    }
    div.append(span);
   
    // 各级itemID设置
    $("#itemId" + curLevel).val($(node).attr("id"));
    for (var id=curLevel+1; id<=9; id++){
        $("#itemId" + id).val(null);
    }
}
分享到:
评论

相关推荐

    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