js 創(chuàng)建一個浮動div的代碼

更新時間：2009年12月26日 02:50:48 作者：

js 創(chuàng)建一個浮動div的代碼，一般用來指導(dǎo)用戶下面的操作與多條件選擇。點(diǎn)擊一下就可顯示，具體的大家可以自由發(fā)揮。

<body> <script> //關(guān)閉DIV MENU function MenuClose() { var MenuDiv = document.getElementById("MenuDiv"); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } } //創(chuàng)建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\">重設(shè)密碼</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; } </script> <div   class="7ulmo2m"   id="jb51net" onclick="MenuPanel()">腳本之家代碼測試(點(diǎn)擊選擇)</div> </body>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: