但是如果去掉那个filter属性的话,每次点击完了内存会自动还原,我看到有些这类效果也有filter可是却不像我那样内存不还原,不知道那个怎么搞的
解决方案 »
- 急急急 请诸位帮下忙
- 关于根据form中option的值执行不同事件
- 每个一分钟提醒用户一次
- javascript+asp.net验证用户名和密码
- getElementByTagName("*")
- 这是递归吗,怎么没有得到理论的结果?
- button的onclick()后,说fString没有定义,我明明定义了啊?
- 关于html5 谷歌地图路径导航路线问题
- 在线等!怎么用js动态地在提交表单form里面添加参数?
- 关于打印的难题.
- 高手请进——javascript 自定义对象在HTML页面中引用的问题(很有代表性)
- 有没有办法把exe运行的界面嵌在web页面中?有限制的exe也行,比如.net之类的
一、你可以每天点击的时候动态创建两个DIV
二、也可以事前把DIV放到页面点击的时候通过ID获取
你选择的第二种,可是你为什么每次都对背景
document.body.appendChild(bgObj);var bgObj=document.getElementById("bgDiv");
前景确定是msgObj.style.display="";而且关闭的时候
document.body.removeChild(bgObj);
document.body.removeChild(msgObj);
两个都删除了一下半闭后再点击的时候 var msgObj=document.getElementById("msgDiv")这句肯定会报错,因为这个DIV被移除了好好旅順一下逻辑吧
<script type="text/javascript" language="javascript">
//more javascript from http://www.smallrain.net
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
titleheight=25 //提示窗口标题高度
bordercolor="#c51100";//提示窗口的边框颜色
titlecolor="#c51100";//提示窗口的标题颜色var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;var bgObj=document.createElement("div");
bgObj.setAttribute( 'id ', 'bgDiv ');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#cccccc";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth +"px";
bgObj.style.height=sHeight +"px";
bgObj.style.zIndex ="10000";
document.body.appendChild(bgObj);var msgObj=document.createElement("div")
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
//msgObj.style.border="1px solid" + bordercolor;
msgObj.style.position ="absolute";
msgObj.style.left ="50%";
msgObj.style.top ="50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft ="-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw +"px";
msgObj.style.height =msgh +"px";
msgObj.style.textAlign ="center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex ="10001"; var title=document.createElement("h4");
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
//title.style.border="1px solid" + bordercolor;
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=function(){
document.body.removeChild(bgObj);
document.getElementById("msgDiv").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById("msgDiv").appendChild(title);
var txt=document.createElement("p");
txt.style.margin="1em 0"
txt.setAttribute("id","msgTxt");
txt.innerHTML=str;
document.getElementById("msgDiv").appendChild(txt);
}
</script>
<input type="button" value="点击这里" onClick="sAlert( 'test弹窗效果 ');" />
而是给利用document.body.innerHTML="<input type=\"button\" value=\"点击这里\" onClick=\"sAlert( 'test弹窗效果 ');\" />"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body><style type="text/css">
*{
margin:0px;padding:0px;
}
#msgDiv {
z-index:10001;
width:500px;
height:400px;
background:white;
border:#336699 1px solid;
position:absolute;
left:50%;
top:20%;
font-size:12px;
margin-left:-225px;
display: none;
}
#bgDiv {
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 9000;
background-color: #777;
filter:alpha(opacity=25);
-moz-opacity: 0.6;
opacity: 0.6;
}
</style>
<input type="button" value="点击这里" onclick="sAlert();" /><div id="msgDiv">内容<br><span id="msgShut">关闭</span></div>
<div id="bgDiv"></div>
<script type="text/javascript" language="javascript">
//背景
var bgObj=document.getElementById("bgDiv");
bgObj.style.width = document.body.offsetWidth + "px";
bgObj.style.height = screen.height + "px";//定义窗口
var msgObj=document.getElementById("msgDiv")
msgObj.style.marginTop = -75 + document.documentElement.scrollTop + "px";//关闭
document.getElementById("msgShut").onclick = function(){
bgObj.style.display = msgObj.style.display = "none";
}function sAlert(){
msgObj.style.display = bgObj.style.display = "block";
}
</script></body>
</html>
所以每点一次内存就增加