软件开发培训班 >> 编程开发 >> JavaScript

js 创建一个浮动div的代码

　　本文标签：javascript,浮动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>

技术文章快速查找

用Javascript实现锚点(Anchor)间平滑跳转

javascript js cookie的存储,获取和删除

jQuery 性能优化指南（3）

jQuery toggle()设置CSS样式

利用location.hash实现跨域iframe自适应

jQuery EasyUI 的EasyLoader功能介绍

jQuery.each()用法分享

js字符串的各种格式的转换 ToString，Format

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建