js弹出窗口

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

简洁设计网论坛

<script language="javascript"> </p> <p>function alertWin(title, msg, w, h){ </p> <p>var titleheight = "22px"; //提示窗口标题高度 </p> <p>var bordercolor = "#666699"; //提示窗口的边框颜色 </p> <p>var titlecolor = "#FFFFFF"; //提示窗口的标题颜色 </p> <p>var titlebgcolor = "#666699"; </p> <p>var bgcolor = "#FFFFFF"; </p> <p>var iWidth = document.documentElement.clientWidth; </p> <p>var iHeight = document.documentElement.clientHeight; </p> <p>var bgObj = document.createElement("div"); </p> <p>bgObj.id = "BgDiv"; </p> <p>bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=80);opacity:0.3;background-color:#000000;z-index:100;"; </p> <p>document.body.appendChild(bgObj); </p> <p>var msgObj=document.createElement("div"); </p> <p>msgObj.id = "MsgDiv"; </p> <p>msgObj.style.cssText = "position:absolute;font:11px '宋体';top:"+(iHeight-h)/2+"px;left:"+(iWidth-w)/2+"px;width:"+w+"px;height:"+h+"px;text-align:center;border:1px solid "+bordercolor+";background-color:"+bgcolor+";padding:1px;line-height:22px;z-index:102;"; </p> <p>document.body.appendChild(msgObj); </p> <p>var table = document.createElement("table"); </p> <p>msgObj.appendChild(table); </p> <p>table.style.cssText = "margin:0px;border:0px;padding:0px;"; </p> <p>table.cellSpacing = 0; </p> <p>var tr = table.insertRow(-1); </p> <p>var titleBar = tr.insertCell(-1); </p> <p>titleBar.style.cssText = "width:100%;height:"+titleheight+"px;text-align:left;padding:3px;margin:0px;font:bold 13px '宋体';color:"+titlecolor+";border:1px solid " + bordercolor + ";cursor:move;background-color:" + titlebgcolor+";"; </p> <p>titleBar.style.paddingLeft = "10px"; </p> <p>titleBar.innerHTML = title; </p> <p>var mask = document.createElement("iframe"); </p> <p>mask.src="javascript:false"; </p> <p>mask.scrolling="no"; </p> <p>mask.frameborder="0"; </p> <p>mask.style.cssText = "position:absolute;z-index:"+msgObj.style.zIndex-1+";top:"+msgObj.style.top+";left:"+msgObj.style.left+";width:"+msgObj.style.width+";height:"+msgObj.style.height+";"; </p> <p>mask.style.position="absolute"; </p> <p>document.body.appendChild(mask); </p> <p>var moveX = 0; </p> <p>var moveY = 0; </p> <p>var moveTop = 0; </p> <p>var moveLeft = 0; </p> <p>var moveable = false; </p> <p>addEvent(msgObj, "mousedown", mousedown); </p> <p>addEvent(msgObj, "mouseup", mouseup); </p> <p>addEvent(msgObj, "selectstart", function() {return false;}); </p> <p>addEvent(msgObj, "mousemove", mousemove); </p> <p>var resizeEvent; </p> <p>function mousedown() { </p> <p>moveable = true; </p> <p>resizeEvent=window.onresize; </p> <p>window.onresize = function() { </p> <p>bgObj.style.width = document.documentElement.clientWidth + "px"; </p> <p>bgObj.style.height = documes3Qnt.documentElement.clientHeight + "px"; </p> <p>} </p> <p>if (getBrowser()=="IE") msgObj.setCapture(); </p> <p>var evt = getEvent(); </p> <p>moveX = evt.clientX; </p> <p>moveY = evt.clientY; </p> <p>moveTop = parseInt(msgObj.style.top); </p> <p>moveLeft = parseInt(msgObj.style.left); </p> <p>} </p> <p>function mousemove() { </p> <p>if (moveable) { </p> <p>var evt = getEvent(); </p> <p>var x = moveLeft + evt.clientX - moveX; </p> <p>var y = moveTop + evt.clientY - moveY; </p> <p>msgObj.style.left = x + "px"; </p> <p>msgObj.style.top = y + "px"; </p> <p>mask.style.left = msgObj.style.left; </p> <p>mask.style.top = msgObj.style.top; </p> <p>} </p> <p>} </p> <p>function mouseup() { </p> <p>if (moveable) { </p> <p>moveX = 0; </p> <p>moveY = 0; </p> <p>moveTop = 0; </p> <p>moveLeft = 0; </p> <p>moveable = false; </p> <p>window.onresize = resizeEvent; </p> <p>if (getBrowser()=="IE") msgObj.releaseCapture(); </p> <p>} </p> <p>} </p> <p>var closeBtn = tr.insertCell(-1); </p> <p>closeBtn.style.cssText = "cursor:pointer; padding:2px;background-color:" + titlebgcolor+";"; </p> <p>closeBtn.innerHTML = "<span style='font-size:15pt; color:"+titlecolor+";'>×</span>"; </p> <p>closeBtn.onclick = function(){ </p> <p>document.body.removeChild(bgObj); </p> <p>document.body.removeChild(msgObj); </p> <p>document.body.removeChild(mask); </p> <p>} </p> <p>var msgBox = table.insertRow(-1).insertCell(-1); </p> <p>msgBox.id = "MsgBox"; </p> <p>msgBox.style.cssText = "font:10pt '宋体';"; </p> <p>msgBox.colSpan = 2; </p> <p>msgBox.innerHTML = msg; </p> <p>} </p> <p>// 获得事件Event对象，用于兼容IE和FireFox </p> <p>function getEvent() { </p> <p>return window.event || arguments.callee.caller.arguments[0]; </p> <p>} </p> <p>// 事件绑定 </p> <p>function addEvent(obj,eventTypeName, fn){ </p> <p>if(obj.addEventListener){ </p> <p>obj.addEventListener(eventTypeName,fn,true); </p> <p>return true; </p> <p>}else if(obj.attachEvent){ </p> <p>return obj.attachEvent("on"+eventTypeName,fn); </p> <p>}else{ </p> <p>return false; </p> <p>} </p> <p>} </p> <p>// 检测浏览器类型 </p> <p>function getBrowser() { </p> <p>var b; </p> <p>if ((navigator.userAgent.indexOf("MSIE") >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) { </p> <p>b = "IE"; </p> <p>}else if (navigator.userAgent.indexOf("Firefox") >= 0) { </p> <p>b = "Firefox"; </p> <p>}else if (navigator.userAgent.indexOf("Opera") >= 0){ </p> <p>b = "Opera"; </p> <p>}else { </p> <p>b = "Other"; </p> <p>} </p> <p>return b; </p> <p>} </p> <p></script>