zoukankan      html  css  js  c++  java
  • js 创建一个浮动div

    //关闭DIV MENU
            function MenuClose()
            {
                var MenuDiv = document.getElementById("MenuDiv");
                if(MenuDiv != null)
                {
                    document.body.removeChild(MenuDiv);
                }
            }
            //创建menu
             function MenuPanel(opflag,operid, left, top)
             {
                var MenuDiv = document.getElementById("MenuDiv");
                if(MenuDiv != null)
                {
                    document.body.removeChild(MenuDiv);
                }
               
                var useflag = "停用帐号";
                var flag=opflag;
                if (flag == "0")
                {
                    useflag = "停用帐号";
                }
                else
                {
                    useflag = "激活帐号";
                }
                MenuDiv = document.createElement("div");
                MenuDiv.id = "MenuDiv";
                MenuDiv.onmouseleave = function()
                {
                    MenuClose();
                }
                MenuDiv.style.position = "absolute";  
                MenuDiv.style.setAttribute("zIndex" ,"201");
                MenuDiv.style.setAttribute("backgroundColor" ,"#EFEFEF");
                MenuDiv.style.setAttribute("Font" ,"10pt");
                MenuDiv.style.setAttribute("width" ,60);
                MenuDiv.style.setAttribute("left" ,left);
                MenuDiv.style.setAttribute("top" ,top);
                MenuDiv.innerHTML = "<table width=\"100%\">"
                                    +"<tr><td onclick=\"javascript:RedirectUrl(1,'" + flag + "','" + operid + "');MenuClose();\" style=\"cursor:hand;height:20px;Color:blue;\"  onmouseover=\"this.style.backgroundColor='#FFD76B';\" onmouseout=\"this.style.backgroundColor='#EFEFEF';\" align=\"left\" valign=\"top\">"+useflag+"</td></tr>"
                                    +"<tr><td onclick=\"RedirectUrl(0,0,'" + operid + "')\" style=\"cursor:hand;height:20px;Color:blue;\" onmouseover=\"this.style.backgroundColor='#FFD76B';\" onmouseout=\"this.style.backgroundColor='#EFEFEF';\" align=\"left\" valign=\"top\">修改帐号</td></tr>"
                                    +"<tr><td onclick=\"javascript:RedirectUrl(4,0,'" + operid + "')\" style=\"cursor:hand;height:20px;Color:blue;\" onmouseover=\"this.style.backgroundColor='#FFD76B';\" onmouseout=\"this.style.backgroundColor='#EFEFEF';\" align=\"left\" valign=\"top\">重设密码</td></tr>"
                                    +"<tr><td onclick=\"RedirectUrl(2,0,'" + operid + "')\" style=\"cursor:hand;height:20px;Color:blue;\" onmouseover=\"this.style.backgroundColor='#FFD76B';\" onmouseout=\"this.style.backgroundColor='#EFEFEF';\" align=\"left\" valign=\"top\">角色管理</td></tr>"
                                    +"<tr><td onclick=\"javascript:RedirectUrl(3,0,'" + operid + "')\" style=\"cursor:hand;height:20px;Color:blue;\" onmouseover=\"this.style.backgroundColor='#FFD76B';\" onmouseout=\"this.style.backgroundColor='#EFEFEF';\" align=\"left\" valign=\"top\">删除帐号</td></tr>"
                                    +"</table>";
                 document.body.appendChild(MenuDiv);
             }
             //获取控件的高度和宽度
             function getAbsolutePos(e)
             {
                var t=e.offsetTop;  
                var l=e.offsetLeft;  
                while(e=e.offsetParent)
                {  
                    t+=e.offsetTop;  
                    l+=e.offsetLeft;  
                }
               
                var pos = { x: l, y: t };
                return pos;
             }  
  • 相关阅读:
    转linux ln命令详解 简单
    商业智能哲学思索
    IE8 RTM 和 IE8 RC1 版本比较。
    汇编语言发展树.
    IE8卸载后遗症,不得不继续当小白鼠。。。
    商务智能系统实现数据管理的关键技术
    商务智能 是什么? 不是什么?
    Standard and Custom Toolset Configurations
    统一论:3G手机、云计算、SaaS、业务开发平台、SOA、BPEL [转]
    JAVA Atm测试实验心得
  • 原文地址:https://www.cnblogs.com/xiarifeixue/p/1632125.html
Copyright © 2011-2022 走看看