js 创建一个浮动div的代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 创建一个浮动div的代码

Javascript: 用javascript实现的图片马赛克后显示并切换加文字功能; 通用的javascript　换行色换列色的小js; 滑动门,简洁,新手上路制作篇 (小鸽子系列); 文字模糊特效; javascript实现的又一个不错的滑动导航效果; css实现的图片模糊效果; javascript跟随鼠标x,y坐标移动的字效果; js实现用于建立新的一行且增加的四个文本框为空的且被禁用; XML+XSL 与 HTML 两种方案的结合; javascript生成/解析dom的CDATA类型的字段的代码; IE与FireFox的兼容性问题分析; 关于脚本操作文本域的问题; 刷新时清空文本框内容的js代码; 又一个不错的js浮动广告代码; 网页背景渐变效果代码; 非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）; [原创]jser必看的破解javascript各种加密的反向思维方法; eval(function(p,a,c,k,e,d)系列解密javascript程序; 从sohu弄下来的flash中展示图片的代码; 漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）

No. « ‹ 63 64 65 66 › »

技术文章搜索

关键字

Javascript 中的 js 创建一个浮动div的代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 461 ::

收藏到网摘: n/a

默认让页面的第一个控件选中的javascript代码 javascript下利用数组缓存正则表达式的实现方法

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 全选提示:你可先修改部分代码,再按运行]

默认让页面的第一个控件选中的javascript代码 javascript下利用数组缓存正则表达式的实现方法

Javascript 中的 js 创建一个浮动div的代码

评论 (0) All