js 创建一个浮动div的代码

更新时间：2009年12月26日 02:50:48 作者：

js 创建一个浮动div的代码，一般用来指导用户下面的操作与多条件选择。点击一下就可显示，具体的大家可以自由发挥。

<body> <script> //关闭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> <div id="jb51net" onclick="MenuPanel()">脚本之家代码测试(点击选择)</div> </body>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript(js)的小数点乘法除法问题详解
本篇文章主要是对javascript(js)中的小数点乘法除法问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-03-03
网上应用的一个不错common.js脚本
网上应用的一个不错common.js脚本...
2007-08-08
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
这篇文章主要介绍了详解使用grunt完成requirejs的合并压缩和js文件的版本控制，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-03-03
阿里巴巴技术文章分享 Javascript继承机制的实现
这篇文章主要介绍了阿里巴巴技术文章，分享的是一篇关于Javascript实现继承机制的文章，感兴趣的小伙伴们可以参考一下
2016-01-01
javascript实现限制上传文件大小
这篇文章主要介绍了javascript实现限制上传文件大小的方法和示例,需要的朋友可以参考下
2015-02-02
认识less和webstrom的less配置方法
下面小编就为大家带来一篇认识less和webstrom的less配置方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
JavaScript实现点击按钮后变灰避免多次重复提交
注册的时候需要发送验证激活帐号的邮件，为了避免邮件的多次重复发送，所以可以在点击了发送后，设置按钮变灰，倒计时一段时间后又可重复点击，具体实现如下，感兴趣的朋友可以参考下哈
2013-07-07
无缝滚动改进版支持上下左右滚动（封装成函数）
无缝滚动改进版，封装成函数，同时支持上下左右无缝滚动。
2012-12-12
js 用CreateElement动态创建标签示例
用CreateElement动态创建标签，主要是html中常用的一些标签，在本文有详细的示例，喜欢的朋友可以参考下
2013-11-11
ng-options和ng-checked在表单中的高级运用(推荐)
AngularJS是当前非常的流行的前端框架，它的语法糖非常多，也极大的方便了前端开发者。这篇文章主要介绍了ng-options和ng-checked在表单中的高级运用,需要的朋友可以参考下
2017-01-01

js 创建一个浮动div的代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具