zoukankan      html  css  js  c++  java
  • Show

    var nav = document.getElementById("navin");
    var thisnum;
    for (var i = 0; i <= nav.children.length - 1; i++) {
        //默认打开样式为CN的二级菜单
        if (nav.children[i].className == "cn") {
            nav.children[i].getElementsByTagName("ul")[0].style.display = "block";
            thisnum = i;
        }
        nav.children[i].onmouseover = function () {
            for (var j = 0; j <= nav.getElementsByTagName("ul").length - 1; j++) {
                nav.children[j].className = "";
                nav.children[j].getElementsByTagName("ul")[0].style.display = "none";
            }
            this.className = "cn";
            this.getElementsByTagName("ul")[0].style.display = "block";
        }
        nav.children[i].onmouseout = function () {
            for (var k = 0; k <= nav.getElementsByTagName("ul").length - 1; k++) {
                nav.children[k].className = "";
                nav.children[k].getElementsByTagName("ul")[0].style.display = "none";
            }
            this.getElementsByTagName("ul")[0].style.display = "none";
            nav.children[thisnum].className = "cn"
            nav.children[thisnum].getElementsByTagName("ul")[0].style.display = "block";
        }
    }


    //发布动态编辑器
    if (document.getElementById("noteUp")) {
        var noteUp = document.getElementById("noteUp");
        var Nonote = document.getElementById("Nonote");
        var clearUP = document.getElementById("clearUP");
        var notetest = document.getElementById("notetest");

        Nonote.onclick = function () {
            Nonote.style.display = "none";
            noteUp.style.display = "block";
            notetest.focus();
        }
        clearUP.onclick = function () {
            Nonote.style.display = "block";
            noteUp.style.display = "none";
        }
    }

    //表格隔行换色
    function changeTable(o, a, b, c, d) {
        var t = document.getElementById(o).getElementsByTagName("tr"); //getElementByid获到某个元素的id
        for (var i = 0; i < t.length; i++) {
            t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
    //        t[i].onclick = function () {
    //            if (this.x != "1") {
    //                this.x = "1";
    //                this.style.backgroundColor = d;
    //            } else {
    //                this.x = "0";
    //                this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
    //            }
    //        }
            t[i].onmouseover = function () {
                if (this.x != "1") this.style.backgroundColor = c;
            }
            t[i].onmouseout = function () {
                if (this.x != "1") this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
            }
        }
    }
    if (document.getElementById("datalist")) {
        //changeTable("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
        changeTable("datalist", "#fff", "#f9f9f9", "#f5f8f9", "#e7f3f7");
    }


    //回复函数
    function showReply(obj) {
        if (obj) {
            var Replybox = document.getElementById(obj);
            if (Replybox.style.display == "block") {
                Replybox.style.display = "none";
            } else {
                Replybox.style.display = "block";
            }
        }
    }
    function showdoReply(obj, thisobj) {
        var Replybox = document.getElementById(obj);
        var thisobj = document.getElementById(thisobj);

        Replybox.style.display = "block";
        thisobj.style.display = "none";
        Replybox.getElementsByTagName("textarea")[0].focus();
    }


    //提示框 p(显示的文字,定时)
    function p(text, t) {
        var p = document.getElementById("prompt");
        var ptext = document.getElementById("ptext");
        ptext.innerHTML = text;
        $("#prompt").fadeIn(200);
        var ptop = (document.documentElement.scrollTop + (document.documentElement.clientHeight - p.offsetHeight) / 2);
        var pleft = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - p.offsetWidth) / 2);
        p.style.top = ptop + "px";
        p.style.left = pleft + "px";
        //定时器
        setTimeout(promptnone, t);
    }
    //定时器函数
    function promptnone() {
        var p = document.getElementById("prompt");
        $("#prompt").fadeOut(200);
    }


    //弹出层
    function showBox(obj, t, w, h, z, url) {
        $("#system").load(url, function () {
            if (z == "1") {
                var bgDiv = document.getElementById("bgDiv");
                var sHeight = document.body.clientHeight;
                bgDiv.style.height = sHeight + "px";
                //bgDiv.style.display = "block";
                $("#bgDiv").fadeTo("slow", 0.3);
            }
            var box = document.getElementById(obj);
            var showBoxtitle = document.getElementById("showBoxtitle");
            box.style.width = w + "px";
            box.style.height = h + "px";
            showBoxtitle.innerHTML = t;
            box.style.display = "block";
            box.style.top = (document.documentElement.scrollTop + document.body.scrollTop + document.documentElement.clientHeight / 2) - (box.offsetHeight / 2) + "px";
            box.style.left = (document.documentElement.scrollLeft + document.body.scrollLeft + document.documentElement.clientWidth / 2) - (box.offsetWidth / 2) + "px";
        });
    }
    //隐藏弹出窗体 n(被弹出ID)
    function n(obj) {
        var box = document.getElementById(obj);
        var bgDiv = document.getElementById("bgDiv");
        box.style.display = "none";
        //bgDiv.style.display = "none";
        $("#bgDiv").fadeOut(300);

    }


    //多数据提交 ondat
    if (document.getElementById("godata")) {
        $("#godata div.ondata").mouseenter(function () { $(this).addClass("ondatabg"); });
        $("#godata div.ondata").mouseleave(function () { $(this).removeClass("ondatabg"); });
    }

    $(function () {
        $('#godata').hradio();
        $('#godata').hcheckbox();

        //获取值
        //$('#btnOK').click(function(){
        // var checkedValues = new Array();
        // $('#chklist :checkbox').each(function(){
        //  if($(this).is(':checked'))
        //  {
        //   checkedValues.push($(this).val());
        //  }
        // });
        //
        // alert(checkedValues.join(','));
        // alert($('#radiolist :checked').val());
        //})

    });

    /**
    * --------------------------------------------------------------------
    * jQuery tree plugin
    * Author: Scott Jehl, scott@filamentgroup.com
    * Copyright (c) 2009 Filament Group
    * licensed under MIT (filamentgroup.com/examples/mit-license.txt)
    * --------------------------------------------------------------------
    */
    $.fn.tree = function (settings) {
        var o = $.extend({
            expanded: ''
        }, settings);

        return $(this).each(function () {
            if (!$(this).parents('.tree').length) {
                //save reference to tree UL
                var tree = $(this);

                //add the role and default state attributes
                if (!$('body').is('[role]')) { $('body').attr('role', 'application'); }
                //add role and class of tree
                tree.attr({ 'role': 'tree' }).addClass('tree');
                //set first node's tabindex to 0
                tree.find('a:eq(0)').attr('tabindex', '0');
                //set all others to -1
                tree.find('a:gt(0)').attr('tabindex', '-1');
                //add group role and tree-group-collapsed class to all ul children
                tree.find('ul').attr('role', 'group').addClass('tree-group-collapsed');
                //add treeitem role to all li children
                tree.find('li').attr('role', 'treeitem');
                //find tree group parents
                tree.find('li:has(ul)')
        .attr('aria-expanded', 'false')
        .find('>a')
        .addClass('tree-parent tree-parent-collapsed');

                //expanded at load  
                tree
       .find(o.expanded)
       .attr('aria-expanded', 'true')
        .find('>a')
        .removeClass('tree-parent-collapsed')
        .next()
        .removeClass('tree-group-collapsed');


                //bind the custom events
                tree
                //expand a tree node
       .bind('expand', function (event) {
           var target = $(event.target) || tree.find('a[tabindex=0]');
           target.removeClass('tree-parent-collapsed');
           target.next().hide().removeClass('tree-group-collapsed').slideDown(150, function () {
               $(this).removeAttr('style');
               target.parent().attr('aria-expanded', 'true');
           });
       })
                //collapse a tree node
       .bind('collapse', function (event) {
           var target = $(event.target) || tree.find('a[tabindex=0]');
           target.addClass('tree-parent-collapsed');
           target.next().slideUp(150, function () {
               target.parent().attr('aria-expanded', 'false');
               $(this).addClass('tree-group-collapsed').removeAttr('style');
           });
       })
       .bind('toggle', function (event) {
           var target = $(event.target) || tree.find('a[tabindex=0]');
           //check if target parent LI is collapsed
           if (target.parent().is('[aria-expanded=false]')) {
               //call expand function on the target
               target.trigger('expand');
           }
           //otherwise, parent must be expanded
           else {
               //collapse the target
               target.trigger('collapse');
           }
       })
                //shift focus down one item  
       .bind('traverseDown', function (event) {
           var target = $(event.target) || tree.find('a[tabindex=0]');
           var targetLi = target.parent();
           if (targetLi.is('[aria-expanded=true]')) {
               target.next().find('a').eq(0).focus();
           }
           else if (targetLi.next().length) {
               targetLi.next().find('a').eq(0).focus();
           }
           else {
               targetLi.parents('li').next().find('a').eq(0).focus();
           }
       })
                //shift focus up one item
       .bind('traverseUp', function (event) {
           var target = $(event.target) || tree.find('a[tabindex=0]');
           var targetLi = target.parent();
           if (targetLi.prev().length) {
               if (targetLi.prev().is('[aria-expanded=true]')) {
                   targetLi.prev().find('li:visible:last a').eq(0).focus();
               }
               else {
                   targetLi.prev().find('a').eq(0).focus();
               }
           }
           else {
               targetLi.parents('li:eq(0)').find('a').eq(0).focus();
           }
       });


                //and now for the native events
                tree
       .focus(function (event) {
           //deactivate previously active tree node, if one exists
           tree.find('[tabindex=0]').attr('tabindex', '-1').removeClass('tree-item-active');
           //assign 0 tabindex to focused item
           $(event.target).attr('tabindex', '0').addClass('tree-item-active');
       })
       .click(function (event) {
           //save reference to event target
           var target = $(event.target);
           //check if target is a tree node
           if (target.is('a.tree-parent')) {
               target.trigger('toggle');
               target.eq(0).focus();
               //return click event false because it's a tree node (folder)
               return false;
           }
       })
       .keydown(function (event) {
           var target = tree.find('a[tabindex=0]');
           //check for arrow keys
           if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
               //if key is left arrow
               if (event.keyCode == 37) {
                   //if list is expanded
                   if (target.parent().is('[aria-expanded=true]')) {
                       target.trigger('collapse');
                   }
                   //try traversing to parent
                   else {
                       target.parents('li:eq(1)').find('a').eq(0).focus();
                   }
               }
               //if key is right arrow
               if (event.keyCode == 39) {
                   //if list is collapsed
                   if (target.parent().is('[aria-expanded=false]')) {
                       target.trigger('expand');
                   }
                   //try traversing to child
                   else {
                       target.parents('li:eq(0)').find('li a').eq(0).focus();
                   }
               }
               //if key is up arrow
               if (event.keyCode == 38) {
                   target.trigger('traverseUp');
               }
               //if key is down arrow
               if (event.keyCode == 40) {
                   target.trigger('traverseDown');
               }
               //return any of these keycodes false
               return false;
           }
           //check if enter or space was pressed on a tree node
           else if ((event.keyCode == 13 || event.keyCode == 32) && target.is('a.tree-parent')) {
               target.trigger('toggle');
               //return click event false because it's a tree node (folder)
               return false;
           }
       });
            }
        });
    };   

  • 相关阅读:
    数组作为方法参数时的一些意外情况
    pack://application:,,,/
    WPF 使用WinForm Chart控件
    WPF 后台绑定样式
    在转换为 UTC 时大于 DateTime.MaxValue 或小于 DateTime.MinValue 的 DateTime 值无法系列化为 JSON
    LINQ_to_SQL语法及实例大全
    C#编码好习惯,献给所有热爱c#的同学
    C#中OpenFileDialog的使用
    NET 2.0(C#)调用ffmpeg处理视频的方法
    SQLite Mysql 模糊查找(like)
  • 原文地址:https://www.cnblogs.com/nieyulin123/p/3269436.html
Copyright © 2011-2022 走看看