点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

js创建一个浮动div的代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:46:33

js创建一个浮动div的代码_javascript技巧

js创建一个浮动div的代码_javascript技巧: //关闭DIV MENU function MenuClose() { var MenuDiv = document.getElementById(MenuDiv); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } } //创建menu function MenuPanel(

推荐度：

点击下载本文 文档为doc格式

导读js创建一个浮动div的代码_javascript技巧: //关闭DIV MENU function MenuClose() { var MenuDiv = document.getElementById(MenuDiv); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } } //创建menu function MenuPanel(

<body> 
 
//关闭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; 
} 
</ script> 
脚本之家代码测试(点击选择) 
</body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

js创建一个浮动div的代码_javascript技巧

js创建一个浮动div的代码_javascript技巧: //关闭DIV MENU function MenuClose() { var MenuDiv = document.getElementById(MenuDiv); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } } //创建menu function MenuPanel(

推荐度：

点击下载本文 文档为doc格式

标签： js 代码 javascript

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top