javascriptdiv弹出可拖动窗口发布.txt

《javascriptdiv弹出可拖动窗口发布.txt》由会员分享，可在线阅读，更多相关《javascriptdiv弹出可拖动窗口发布.txt（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 /* * div 1DivWindow(id,title,width,height,content) id id title width height content 2 closeDivWindow(id) id id 3setPopupTopTitleFontColor(PopupTopTitleFontColor) 4setPopupTopBgColor(tBgColor) 5setPopupColor(borderColor,bgColor,tFontColor,cBgColor,fColor) ,屳 6open() var a = new DivWindow(1,580,400,W

2、elcome to visited my personal website:ahref=http:/www . thx!=).L); a.setPopupTopBgColor(black,blue,white,white,black); a.open(); html div𽥱 title maxORmin close content author Nieger Dai date 2007.11.15 */ var isIe = (document.all)?true:false; var moveable=false; var topDivBorderColor = #3366

3、99;/ var topDivBgColor = #6795B4;/ var contentBgColor = white;/ var contentFontColor = black;/ var titleFontColor = white; / var index=10000;/z-index; / function DivWindow(id,title,w,h,content) this.id = id;/id this.zIndex = index +2; this.title = title;/ this.message = content;/ this.width = w;/ th

4、is.height = h;/ this.left = (document.body.clientWidth) ? (document.body.clientWidth - this.width)/2 : 0;/ this.top = (document.body.clientHeight) ? (document.body.clientHeight - this.height)/2 : 0;/ /this.init = init; /this.init(); /趨 DivWindow.prototype = / setPopupTopTitleFontColor:function(tFont

5、Color) titleFontColor = tFontColor; , / setPopupTopBgColor:function(tBgColor) topDivBgColor = tBgColor; , /,setPopupColor:function(borderColor,bgColor,tFontColor,cBgColor,fColor) topDivBorderColor = borderColor; topDivBgColor = bgColor; titleFontColor = tFontColor; contentBgColor = cBgColor; content

6、FontColor = fColor; , / open: function() var sWidth,sHeight; sWidth=document.body.clientWidth; sHeight=document.body.clientHeight; var bgObj=document.createElement(div); bgObj.setAttribute(id,window+this.id); var styleStr=top:0px;left:0px;position:absolute;background:#245;width:+sWidth+px;height:+sH

7、eight+px; styleStr+=(isIe)?filter:alpha(opacity=0);:opacity:0; bgObj.style.cssText=styleStr; document.body.appendChild(bgObj); /𽥱 showBackground(bgObj,25); / 屳 var windowTopBgDiv = document.createElement(div); windowTopBgDiv.setAttribute(id,windowTopBg+this.id); windowTopBgDiv.style.position

8、 = absolute; windowTopBgDiv.style.zIndex = this.zIndex ; windowTopBgDiv.style.width = this.width ; windowTopBgDiv.style.height = this.height; windowTopBgDiv.style.left = this.left; windowTopBgDiv.style.top = this.top; windowTopBgDiv.style.background = topDivBgColor; windowTopBgDiv.style.fontSize = 9

9、pt; windowTopBgDiv.style.cursor = default; windowTopBgDiv.style.border = 1px solid + topDivBorderColor; windowTopBgDiv.attachEvent(onmousedown,function() if(windowTopBgDiv.style.zIndex!=index) index = index + 2; var idx = index; windowTopBgDiv.style.zIndex=idx; ); / var windowTopDiv = document.creat

10、eElement(div); windowTopDiv.setAttribute(id,windowTop+this.id); windowTopDiv.style.position = absolute; windowTopDiv.style.background = topDivBgColor;/white; windowTopDiv.style.color = titleFontColor; windowTopDiv.style.cursor = move; windowTopDiv.style.height = 20; windowTopDiv.style.width = this.w

11、idth-2*2; /; windowTopDiv.attachEvent(onmousedown,function() if(event.button=1) /; windowTopDiv.setCapture(); /; var win = windowTopDiv.parentNode; /; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.style.left); y1 = parseInt(win.style.top); /; /topDivBgColor = windowTopDiv.style.backgroun

12、dColor; /; /windowTopDiv.style.backgroundColor = topDivBorderColor; win.style.borderColor = topDivBorderColor; moveable = true; ); / windowTopDiv.attachEvent(onmouseup,function() if(moveable) var win = windowTopDiv.parentNode; win.style.borderColor = topDivBgColor; windowTopDiv.style.backgroundColor

13、 = topDivBgColor; windowTopDiv.releaseCapture(); moveable = false; ); / windowTopDiv.attachEvent(onmousemove,function() if(moveable) var win = windowTopDiv.parentNode; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; ); / windowTopDiv.attachEvent(ondblclick,function

14、() maxOrMinPopupDiv(windowTopOperateSpan,windowContentDiv); ); / var windowTopTitleSpan = document.createElement(span); windowTopTitleSpan.setAttribute(id,windowTopTitle+this.id); windowTopTitleSpan.style.width = this.width-2*12-4; windowTopTitleSpan.style.paddingLeft = 3px; windowTopTitleSpan.inner

15、HTML = this.title; /󻯵 var windowTopOperateSpan = document.createElement(span); windowTopOperateSpan.setAttribute(id,windowTopOperate+this.id); windowTopOperateSpan.style.width = 12; windowTopOperateSpan.style.borderWidth = 0px; windowTopOperateSpan.style.color = titleFontColor;/white; windo

16、wTopOperateSpan.style.fontFamily = webdings; windowTopOperateSpan.style.cursor = default; windowTopOperateSpan.innerHTML = 0; /󻯻 windowTopOperateSpan.attachEvent(onclick,function() maxOrMinPopupDiv(windowTopOperateSpan,windowContentDiv); ); / var windowTopCloseSpan = document.createElement(

17、span); windowTopCloseSpan.setAttribute(id,windowTopClose+this.id); windowTopCloseSpan.style.width = 12; windowTopCloseSpan.style.borderWidth = 0px; windowTopCloseSpan.style.color = titleFontColor;/white; windowTopCloseSpan.style.fontFamily = webdings; windowTopCloseSpan.style.cursor = default; windo

18、wTopCloseSpan.innerHTML = r; / windowTopCloseSpan.attachEvent(onclick,function() windowTopDiv.removeChild(windowTopTitleSpan); windowTopDiv.removeChild(windowTopOperateSpan); windowTopDiv.removeChild(windowTopCloseSpan); windowTopBgDiv.removeChild(windowTopDiv); windowTopBgDiv.removeChild(windowCont

19、entDiv); document.body.removeChild(windowTopBgDiv); document.body.removeChild(bgObj); ); / var windowContentDiv = document.createElement(div); windowContentDiv.setAttribute(id,windowContent+this.id); windowContentDiv.style.background = contentBgColor; windowContentDiv.style.color = contentFontColor;

20、 windowContentDiv.style.cursor = default; windowContentDiv.style.height = (this.height - 20 - 4); windowContentDiv.style.width = 100%; windowContentDiv.style.position = relative; windowContentDiv.style.left = 0; windowContentDiv.style.top = 24; windowContentDiv.style.lineHeight = 20px; windowContent

21、Div.style.fontSize = 10pt; windowContentDiv.style.wordBreak = break-all; windowContentDiv.style.padding = 3px; windowContentDiv.innerHTML = this.message; / windowTopDiv.appendChild(windowTopTitleSpan); windowTopDiv.appendChild(windowTopOperateSpan); windowTopDiv.appendChild(windowindowTopBgDiv.appen

22、dChild(windowTopDiv); windowTopBgDiv.appendChild(windowContentDiv); document.body.appendChild(windowTopBgDiv); / function maxOrMinPopupDiv(windowTopOperateSpan,windowContentDiv) var win = windowTopOperateSpan.parentNode.parentNode; var tit = windowTopOperateSpan.parentNode; var flg = windowContentDi

23、v.style.display=none; if(flg) win.style.height = parseInt(windowContentDiv.style.height) + parseInt(tit.style.height) + 2*2; windowContentDiv.style.display = block; windowTopOperateSpan.innerHTML = 0; else win.style.height = parseInt(tit.style.height) + 2*2; windowTopOperateSpan.innerHTML = 2; windo

24、wContentDiv.style.display = none; / function showBackground(obj,endInt) if(isIe) obj.filters.alpha.opacity+=1; if(obj.filters.alpha.opacityendInt) setTimeout(function()this.showBackground(obj,endInt),5); else var al=parseFloat(obj.style.opacity);al+=0.01; obj.style.opacity=al; if(al(endInt/100) setT

25、imeout(function()this.showBackground(obj,endInt),5); / function closeDivWindow(id) var windowTopTitleSpan = document.getElementById(windowTopTitle+id); var windowTopOperateSpan = document.getElementById(windowTopOperate+id); var windowTopCloseSpan = document.getElementById(windowTopClose+id); var wi

26、ndowTopDiv = document.getElementById(windowTop+id); var windowTopBgDiv = document.getElementById(windowTopBg+id); var windowContentDiv = document.getElementById(windowContent+id); var bgObj = document.getElementById(window+id); windowTopDiv.removeChild(windowTopTitleSpan); windowTopDiv.removeChild(windowTopOperateSpan); windowTopDiv.removeChild(windowTopCloseSpan); windowTopBgDiv.removeChild(windowTopDiv); windowTopBgDiv.removeChild(windowContentDiv); document.body.removeChild(windowTopBgDiv); document.body.removeChild(bgObj);