亚洲av无码乱码在线观看裸奔,亚洲另类无码春色首页,国产在线视频一区二区三区

　xWin之JS版

作者：hutia　時間： 2006-03-23　文檔類型：原創(chuàng)　來自：藍(lán)色理想

目前代碼應(yīng)該沒什么bug了，兼容IE6.0 & FF 1.5, 通過xHTML 的Transitional驗證和 CSS 驗證。

為了能通過驗證，只好再次改變使用的方式，改為用DIV實現(xiàn)，方法：

<div class="xWin">
<span class="xWinSetting"> width="200" top="270" left="140" title="我就是傳說中那個超長的窗口標(biāo)題"</span>
content
</div>

運行代碼框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>xWin HTC Demo</title> <style type="text/css"> body { width:100%; height:100%; margin:0px; padding:0px; overflow:auto; } .xWin { position:absolute; cursor:default; border-width:2px; border-style:outset; padding:0px; font-size:12px; overflow:hidden; display:block; } .xWin .xWinSetting { display:none; } .xWin .xTitle { color:#FFFFFF; height:20px; display:block; } .xWin .xTitle input { background-color:transparent; color:#FFFFFF; border-width:0px; border-style:solid; height:20px; width:16px; line-height:20px; font-family:webdings; font-size:10px; margin:0px; padding:0px; text-align:center; float:right; display:block; } .xWin .xTitle .xWinTitleCloseButton { } .xWin .xTitle .xWinTitleMaxButton { } .xWin .xTitle .xWinTitleMinButton { } .xWin .xTitle .xWinTitleContent { color:#FFFFFF; font-size:12px; height:18px; line-height:20px; margin:0px; padding-left:3px; float:left; display:block; overflow:hidden; white-space:nowrap; text-align:left; cursor:default; } .xWin .xWinBody { margin:0px; background-color:#FFFFFF; color:#000000; padding:3px; font-size:12px; overflow:auto; position:relative; display:block; } .xShadow { position:absolute; display:block; background-Color:#000000; color:#FFFFFF; } </style> <script type="text/javascript"> //<![CDATA[ //********************/ // x 系列之 xWin // 作者：Hutia // 未經(jīng)同意不得轉(zhuǎn)載或用于商業(yè)用途 //********************/ /* 說明： x系列是Hutia開發(fā)的系列JS代碼，配合相應(yīng)的css后可以實現(xiàn)快速的自定義標(biāo)簽目前x系列支持的瀏覽器類型為：IE5.5, FF1.5 xWin的標(biāo)簽為 <div class="xwin">content</div> 支持屬性： int left, int top, int width, int height 支持方法： Close(), Destroy(), Max([bolean Variable]), Min([bolean Variable]), MoveTo(int x, int y), ResizeTo(int x, int y), SetContent(string Variable | htmlObject Variable) SetTitle(string Variable), ShowHide() */ //**載入CSS***** var xWinCssFilePath="sp\/css\/xwin.css"; //document.write("<style>@import url("+xWinCssFilePath+");</style>"); //**檢測瀏覽器種類***** var BROWSERNAME=""; switch(navigator.appName.toLowerCase()){ case "netscape": BROWSERNAME="ns"; break; case "microsoft internet explorer": default: BROWSERNAME="ie"; break; } //**設(shè)置初始化變量****** switch(BROWSERNAME){ case "ns": window.addEventListener("load",_xWin_init,false); break; case "ie": default: window.attachEvent("onload",_xWin_init); } //**設(shè)置全局定時器****** if(typeof(__xSeriaTimer__)=="undefined"){ var __xSeriaTimer__={ events:new Array(), objs:new Array(), handle:null, exec:function(){ for(var i=0;i<__xSeriaTimer__.events.length;i++){ try{ with(__xSeriaTimer__.objs[i]){ eval(__xSeriaTimer__.events[i]); } }catch(e){} } }, pop:function(i){ __xSeriaTimer__.events[i]=null; __xSeriaTimer__.objs[i]=null; }, push:function(strV,obj){ for(var i=0;i<__xSeriaTimer__.events.length;i++){ if(__xSeriaTimer__.events[i]==null){ __xSeriaTimer__.events[i]=strV; __xSeriaTimer__.objs[i]=obj; return(i); } } __xSeriaTimer__.events[i]=strV; __xSeriaTimer__.objs[i]=obj; return(i); }, start:function(){ __xSeriaTimer__.stop(); __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,30); }, stop:function(){ clearInterval(__xSeriaTimer__.handle); } }; __xSeriaTimer__.start(); } //**初始化函數(shù)****** function _xWin_init(){ var allTheWindows=document.getElementsByTagName("div"); for(var i=0;i<allTheWindows.length;i++){ if(allTheWindows[i].className=="xWin")_xWin_event_doInit(allTheWindows[i]); } } //**事件響應(yīng)函數(shù)區(qū)****** function _xWin_event_doInit(element){ //初始化變量 element.ownerDocument.index=isNaN(element.ownerDocument.index)?10000:parseInt(element.ownerDocument.index)+1; element.x0=0;element.y0=0; element.x1=0;element.y1=0; element.w0=0;element.h0=0; element.offx=6;element.offy=6; element.padx=0;element.pady=0; element.minW=90;element.minH=(BROWSERNAME=="ns"?20:20); element.moveable=false; element.resizable=false; element.hover='orange';element.normal='#336699'; element.minButton=BROWSERNAME=="ie"?"0":"_"; element.maxButton=BROWSERNAME=="ie"?"1":"="; element.normalButton=BROWSERNAME=="ie"?"2":"+"; element.closeButton=BROWSERNAME=="ie"?"r":"X"; element._title="Untitled Window"; element._body=""; element._winRect={l:0,t:0,w:0,h:0}; element._restoredWinRect={l:0,t:0,w:0,h:0}; element._windowState="normal"; element.settingNode=getElementByClassName(element,"xWinSetting"); if(!element.settingNode){ element.settingNode=document.createElement("div"); element.settingNode.className="xWinSetting"; element.settingNode.xwin=element; element.appendChild(element.settingNode); } element.xwin=element; //設(shè)置方法 element.Close=_xWin_method_Close; element.Destroy=_xWin_method_Destroy; element.GetSetting=_xWin_method_GetSetting; element.Max=_xWin_method_Max; element.Min=_xWin_method_Min; element.MoveTo=_xWin_method_MoveTo; element.ResizeTo=_xWin_method_ResizeTo; element.SetContent=_xWin_method_SetContent; element.SetTitle=_xWin_method_SetTitle; element.ShowHide=_xWin_method_ShowHide; //設(shè)置事件 element.onmousedown=_xWin_event_doMDown; element.onmouseup=element.onlosecapture=_xWin_event_doMUp; element.onmousemove=_xWin_event_doMMove; element.onclick=_xWin_event_doClick; element.onselectstart=element.onselect=_xWin_event_doSelect; //記錄顯示風(fēng)格 var tempDisplay=element.style.display; //改變顯示風(fēng)格 element.style.display="block"; //設(shè)置窗口變量 var w=parseInt(element.GetSetting("width")); w=isNaN(w)?(element.offsetWidth+10):parseInt(w); w=w<element.minW?element.minW:w; var h=parseInt(element.GetSetting("height")); h=isNaN(h)?(element.offsetHeight+30):parseInt(h); h=h<element.minH?element.minH:h; var l=parseInt(element.GetSetting("left")); l=isNaN(l)?element.offsetLeft:parseInt(l); l=l<1?1:l; var t=parseInt(element.GetSetting("top")); t=isNaN(t)?element.offsetTop:parseInt(t); t=t<1?1:t; var z=element.ownerDocument.index; var title=new String(element.GetSetting("title")); //設(shè)置窗口標(biāo)題 element.oTitle=element.ownerDocument.createElement("div"); element.oTitle.xwin=element; element.oTitle.className="xTitle"; element.appendChild(element.oTitle); //設(shè)置窗口標(biāo)題內(nèi)容 element.oTitleContent=element.ownerDocument.createElement("span"); element.oTitleContent.xwin=element; element.oTitleContent.className="xWinTitleContent"; element.oTitle.appendChild(element.oTitleContent); element.oTitleContent.ondblclick=function(){this.xwin.Max();}; element.SetTitle(title); //設(shè)置窗口標(biāo)題關(guān)閉按鈕 element.oTitleCButton=element.ownerDocument.createElement("input"); element.oTitleCButton.xwin=element; element.oTitleCButton.type="button"; element.oTitleCButton.className="xWinTitleCloseButton"; element.oTitle.appendChild(element.oTitleCButton); element.oTitleCButton.onclick=function(){this.xwin.ShowHide("none");}; element.oTitleCButton.value=element.closeButton; //設(shè)置窗口標(biāo)題最大化按鈕 element.oTitleMaButton=element.ownerDocument.createElement("input"); element.oTitleMaButton.xwin=element; element.oTitleMaButton.type="button"; element.oTitleMaButton.className="xWinTitleMaxButton"; element.oTitle.appendChild(element.oTitleMaButton); element.oTitleMaButton.onclick=function(){this.xwin.Max();}; element.oTitleMaButton.value=element.maxButton; //設(shè)置窗口標(biāo)題最小化按鈕 element.oTitleMButton=element.ownerDocument.createElement("input"); element.oTitleMButton.xwin=element; element.oTitleMButton.type="button"; element.oTitleMButton.className="xWinTitleMinButton"; element.oTitle.appendChild(element.oTitleMButton); element.oTitleMButton.onclick=function(){this.xwin.Min();}; element.oTitleMButton.value=element.minButton; //設(shè)置窗口內(nèi)容 element.oContent=element.ownerDocument.createElement("div"); element.oContent.xwin=element; element.oContent.className="xWinBody"; element.appendChild(element.oContent); oC=element.firstChild; while(oC){ tC=oC.nextSibling; if(oC!=element.oTitle&&oC!=element.oContent){ element.oContent.appendChild(oC); } oC=tC; } //設(shè)置窗口陰影 element.oShadow=element.ownerDocument.createElement("div"); element.oShadow.xwin=element; element.oShadow.className="xShadow"; element.parentNode.insertBefore(element.oShadow,element.nextSibling); element.oShadow.style.zIndex=z-1; element.MoveTo(l,t); element.ResizeTo(w,h); //恢復(fù)顯示風(fēng)格 element.style.display=tempDisplay; //設(shè)置窗口樣式 with(element.style){ zIndex=z; backgroundColor=element.normal; color=element.normal; } padx=element.offsetWidth-element.clientWidth; pady=element.offsetHeight-element.clientHeight; } function _xWin_event_doMDown(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; var leftButton=e.srcElement?e.button==1:e.button==0; if(this.style.zIndex!=this.ownerDocument.index){//將窗口放到最前 this.ownerDocument.index+=2; var idx = this.ownerDocument.index; this.style.zIndex=idx; this.nextSibling.style.zIndex=idx-1; } if(eSrc==this.oTitleContent&&leftButton&&this._windowState=="normal"){//如果開始拖動 //鎖定標(biāo)題欄; document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture(); //定義對象; var win = this; var sha = win.nextSibling; //記錄鼠標(biāo)和層位置; this.x0 = e.clientX; this.y0 = e.clientY; this.x1 = parseInt(win.style.left); this.y1 = parseInt(win.style.top); //改變風(fēng)格; this.oTitle.style.backgroundColor = this.hover; win.style.borderColor = this.hover; this.oTitle.nextSibling.style.color = this.hover; sha.style.left = this.x1 + this.offx; sha.style.top = this.y1 + this.offy; this.moveable = true; return(true); } if(this.style.cursor!="default"&&this._windowState=="normal"){//開始改變大小 //鎖定標(biāo)題欄; document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture(); //定義對象; var win = this; var sha = win.nextSibling; //記錄鼠標(biāo)位置和層位置和大小; this.x0=e.clientX; this.y0=e.clientY; this.x1=parseInt(win.offsetLeft); this.y1=parseInt(win.offsetTop); this.w0=parseInt(win.offsetWidth); this.h0=parseInt(win.offsetHeight); //改變風(fēng)格; this.oTitle.style.backgroundColor = this.hover; win.style.borderColor = this.hover; this.oTitle.nextSibling.style.color = this.hover; sha.style.left = this.x1 + this.offx; sha.style.top = this.y1 + this.offy; this.resizable = true; return(true); } } function _xWin_event_doMUp(evt){ var e=evt?evt:window.event; document.releaseEvents?document.releaseEvents("mousemove",this.oTitle):this.oTitle.releaseCapture(); if(this.moveable){ var win = this; var sha = win.nextSibling; var msg = this.oTitle.nextSibling; win.style.borderColor = ""; this.oTitle.style.backgroundColor = ""; msg.style.color = ""; sha.style.left = this.oTitle.parentNode.style.left; sha.style.top = this.oTitle.parentNode.style.top; this.moveable = false; return(false); } if(this.resizable){ var win = this; var sha = win.nextSibling; var msg = this.oTitle.nextSibling; win.style.borderColor = ""; this.oTitle.style.backgroundColor = ""; msg.style.color = ""; sha.style.left = this.oTitle.parentNode.style.left; sha.style.top = this.oTitle.parentNode.style.top; sha.style.width = this.oTitle.parentNode.style.width; sha.style.height = this.oTitle.parentNode.style.height; this.style.cursor="default"; this.resizable = false; return(false); } } function _xWin_event_doMMove(evt){ var e=evt?evt:window.event; if(this.moveable){//拖動窗口 this.MoveTo(this.x1 + e.clientX - this.x0, this.y1 + e.clientY - this.y0); return(true); } if(this.resizable){//改變窗口大小 var xxx=this.style.cursor.substring(0,2).match(/[we]/i); var yyy=this.style.cursor.substring(0,2).match(/[ns]/i); l=this.offsetLeft; t=this.offsetTop; w=parseInt(this.style.width); h=parseInt(this.style.height); if(xxx=="w"){ l=this.x1+e.clientX - this.x0; w=this.w0+this.x0-e.clientX; if(l<0){w+=l;l=0;} if(w<this.minW){l=l+w-this.minW;w=this.minW;} } if(xxx=="e"){ w=this.w0+e.clientX-this.x0; w=w<this.minW?this.minW:w; } if(yyy=="n"){ t=this.y1+e.clientY - this.y0; h=this.h0+this.y0-e.clientY; if(t<0){h+=t;t=0;} if(h<this.minH){t=t+h-this.minH;h=this.minH;} } if(yyy=="s"){ h=this.h0+e.clientY-this.y0; h=h<this.minH?this.minH:h; } this.MoveTo(l,t); this.ResizeTo(w,h); return(true); } if(this._windowState=="normal"){ var cc=""; x=window.getRealLeft(this); y=window.getRealTop(this); w=parseInt(this.offsetWidth); h=parseInt(this.offsetHeight); if(e.clientY-y<5)cc+="n"; if(y+h-e.clientY<5)cc+="s"; if(e.clientX-x<5)cc+="w"; if(x+w-e.clientX<5)cc+="e"; if(cc!=""){ this.style.cursor=cc+"-resize"; return(true); } if(this.style.cursor!="default"){ this.style.cursor="default"; } } } function _xWin_event_doClick(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; switch(eSrc){ } } function _xWin_event_doSelect(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; if(eSrc==this.oTitle||this.oTitle.contains(eSrc)){ e.cancelBubble=true; e.returnValue=false; return(false); } } function _xWinParentNode_event_doScroll(evt){ if(!this.minimizedWindows)return(true); for(var i=0;i<this.minimizedWindows.length;i++){ this.minimizedWindows[i].Min(true); } } //**方法函數(shù)區(qū)****** function _xWin_method_Close(){ this.Destroy(); } function _xWin_method_Destroy(){ if(this.minIndex){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } this.outerHTML=""; } function _xWin_method_GetSetting(attributeName){ var settingString=this.settingNode.innerHTML; if(!attributeName)return(settingString); var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i"); var re=settingString.match(regE); if(re){ return(re[1]); }else{ return(re); } } function _xWin_method_Max(reV){ if(this._windowState=="maximize"&&(!reV)){ //還原父節(jié)點overflow屬性 this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow; this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t); this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.maxButton; this._windowState="normal"; }else{ if(this._windowState=="normal"){ this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t; this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h; } if(this.minIndex!=null){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } if(this.minTimeHandle!=null){ __xSeriaTimer__.pop(this.minTimeHandle); this.minTimeHandle=null; } //紀(jì)錄父節(jié)點overflow屬性 this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow; //改變父節(jié)點overflow屬性 this.parentNode.style.overflow="hidden"; this.MoveTo(0,0); if(this.parentNode!=document.body){ w=this.parentNode.clientWidth-5; h=this.parentNode.clientHeight-4; }else{ w=document.documentElement.clientWidth-5; h=document.documentElement.clientHeight-4; } this.ResizeTo(w,h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.normalButton; this._windowState="maximize"; this.scrollIntoView(); } } function _xWin_method_Min(reV){ if(this._windowState=="minimize"&&(!reV)){ this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t); this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.maxButton; this._windowState="normal"; this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; if(this.minTimeHandle!=null){ __xSeriaTimer__.pop(this.minTimeHandle); this.minTimeHandle=null; } }else{ if(this._windowState=="normal"){ this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t; this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h; }else{ //還原父節(jié)點overflow屬性 try{ this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow; }catch(e){} } if(!this.parentNode.minimizedWindows)this.parentNode.minimizedWindows=new Array(); if(this._windowState!="minimize"){ for(var i=0;i<this.parentNode.minimizedWindows.length;i++){ if(this.parentNode.minimizedWindows[i]==null)break; } this.parentNode.minimizedWindows[i]=this; }else{ i=this.minIndex; } this.ResizeTo(0,0); var w=this.offsetWidth; var h=this.offsetHeight; var mw=getParentRect(this).mw; var mh=getParentRect(this).mh; var n=parseInt(mw/w); var t=parseInt(i/n)+1; this.MoveTo(w*(i%n),mh-t*h-1); if(mh>getParentRect(this).mh){ this.MoveTo(w*(i%n),mh-t*h-200); mh=getParentRect(this).mh; this.MoveTo(w*(i%n),mh-t*h-1); } this.minIndex=i; this.oTitleMButton.value = this.normalButton; this.oTitleMaButton.value = this.maxButton; this._windowState="minimize"; if(this.minTimeHandle==null){ this.minTimeHandle=__xSeriaTimer__.push("Min(true)",this); this.scrollIntoView(); } } } function _xWin_method_MoveTo(x,y){ var win = this.oTitle.parentNode; var sha = win.nextSibling; x=isNaN(x)?0:parseInt(x); y=isNaN(y)?0:parseInt(y); x=x<0?0:x; y=y<0?0:y; this.style.left=x+"px"; this.style.top=y+"px"; sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px"; sha.style.top = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px"; this._winRect.l=x; this._winRect.t=y; } function _xWin_method_ResizeTo(w,h){ var win = this; var sha = win.nextSibling; var w=isNaN(w)?this.minW:parseInt(w); var h=isNaN(h)?this.minH:parseInt(h); var w=w<this.minW?this.minW:w; var h=h<this.minH?this.minH:h; this.style.width=w+"px"; this.style.height=h+"px"; this.oTitle.style.width=parseInt(this.clientWidth)+"px"; var wTC=this.clientWidth; for(var i=0;i<this.oTitle.childNodes.length;i++){ if(this.oTitle.childNodes[i]!=this.oTitleContent){wTC-=this.oTitle.childNodes[i].offsetWidth;} } wTC-=8; this.oTitleContent.style.width=(wTC<1?1:wTC)+"px"; var wC=this.clientHeight-this.oTitle.offsetHeight-6; this.oContent.style.height=(wC<1?1:wC)+"px"; this.oContent.style.width=parseInt(this.clientWidth-6)+"px"; sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px"; sha.style.top = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px"; sha.style.width = parseInt(win.style.width)+"px"; sha.style.height = parseInt(win.style.height)+"px"; this._winRect.w=w; this._winRect.h=h; } function _xWin_method_SetContent(v){ if(this.oContent){ if(v==null||v==undefined||v==""){this._body=this.oContent.innerHTML="";return(this.oContent);} if(typeof(v)=="string"){ this._body=this.oContent.innerHTML=v; return(this.oContent); }else{ try{ this.oContent.innerHTML=""; this._body=this.oContent.appendChild(v); return(this.oContent); }catch(e){ throw(e); } } }else{ this._body=v; return(null); } } function _xWin_method_SetTitle(strT){ this._title=strT==null?this._title:strT; if(this.oTitleContent){ setInnerText(this.oTitleContent,this._title); } } function _xWin_method_ShowHide(dis){ var bdisplay = (dis==null)?((this.style.display=="none")?"":"none"):dis; this.style.display = bdisplay; this.nextSibling.style.display = bdisplay; if(bdisplay=="none"){ if(this._windowState=="minimize"){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } }else{ if(this._windowState=="minimize"){ this.Min(); } } } //**通用函數(shù)區(qū)*** function getRealLeft(o){ var l=o.offsetLeft-o.scrollLeft; while(o=o.offsetParent){ l+=o.offsetLeft-o.scrollLeft; } return(l); } function getRealTop(o){ var t=o.offsetTop-o.scrollTop; while(o=o.offsetParent){ t+=o.offsetTop-o.scrollTop; } return(t); } function setInnerText(obj,text){ switch(BROWSERNAME){ case "ns": obj.textContent=text; break; case "ie": default: obj.innerText=text; } } function getElementByClassName(obj,className){ for(var i=0;i<obj.childNodes.length;i++){ if(obj.childNodes[i].className==className)return(obj.childNodes[i]); } return(null); } function getParentRect(obj){ var re=new Object(); if(obj.parentNode!=document.body){ re.mw=Math.max(obj.parentNode.scrollWidth,obj.parentNode.clientWidth); re.mh=Math.max(obj.parentNode.scrollHeight,obj.parentNode.clientHeight); }else{ re.mw=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth); re.mh=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight); } return(re); } //]]> </script> </head> <body> <div class="xWin" id="win1" > <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 我就是傳說中那個超長的窗口標(biāo)題我就是傳說 <div class="xWin" id="win30" > <span class="xWinSetting"> width="100" top="20" left="20" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 中那個超長的窗口標(biāo)題我就是傳說中那個超<br/>長的窗口標(biāo)題我就是傳說中那個超長 </div> 的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的 <div class="xWin" id="win31" > <span class="xWinSetting">width="100" top="40" left="40" title="我就是傳說中那個超長的窗口標(biāo)題" </span> 中那個超長的窗口標(biāo)題我就是傳說中那個超<br/>長的窗口標(biāo)題我就是傳說中那個超長 </div> 窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題 c<br/> 12345 </div> <div class="xWin" id="win2"> <span class="xWinSetting"> width="200" top="270" left="140" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> <a href="javascript:void(0);">更換標(biāo)題</a> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> </div> <a href="javascript:win1.ShowHide('');void(0);">win1</a> <a href="javascript:win2.ShowHide('');void(0);">win2</a> <a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a> <a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a> <div id="ssss"></div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

xWin由三個文件組成：

頁面文件：

代碼拷貝框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>xWin HTC Demo</title> <script type="text/javascript" src="sp/js/xwin.js"></script> </head> <body> <div class="xWin" id="win1" > <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 我就是傳說中那個超長的窗口標(biāo)題我就是傳說 <div class="xWin" id="win30" > <span class="xWinSetting"> width="100" top="20" left="20" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 中那個超長的窗口標(biāo)題我就是傳說中那個超<br/>長的窗口標(biāo)題我就是傳說中那個超長 </div> 的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的 <div class="xWin" id="win31" > <span class="xWinSetting">width="100" top="40" left="40" title="我就是傳說中那個超長的窗口標(biāo)題" </span> 中那個超長的窗口標(biāo)題我就是傳說中那個超<br/>長的窗口標(biāo)題我就是傳說中那個超長 </div> 窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題我就是傳說中那個超長的窗口標(biāo)題 c<br/> 12345 </div> <div class="xWin" id="win2"> <span class="xWinSetting"> width="200" top="270" left="140" title="我就是傳說中那個超長的窗口標(biāo)題"</span> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> <a href="javascript:void(0);">更換標(biāo)題</a> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> 我是窗口2<br/> </div> <a href="javascript:win1.ShowHide('');void(0);">win1</a> <a href="javascript:win2.ShowHide('');void(0);">win2</a> <a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a> <a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a> <div id="ssss"></div> </body> </html>
[Ctrl+A 全部選擇然后拷貝]

JS:

代碼拷貝框
//<![CDATA[ //********************/ // x 系列之 xWin // 作者：Hutia // 未經(jīng)同意不得轉(zhuǎn)載或用于商業(yè)用途 //********************/ /* 說明： x系列是Hutia開發(fā)的系列JS代碼，配合相應(yīng)的css后可以實現(xiàn)快速的自定義標(biāo)簽目前x系列支持的瀏覽器類型為：IE5.5, FF1.5 xWin的標(biāo)簽為 <div class="xwin"> <span class="xWinSetting"> width="200" top="270" left="140" title="我就是傳說中那個超長的窗口標(biāo)題"</span> content </div> 支持屬性： int left, int top, int width, int height 支持方法： Close(), Destroy(), Max([bolean Variable]), Min([bolean Variable]), MoveTo(int x, int y), ResizeTo(int x, int y), SetContent(string Variable | htmlObject Variable) SetTitle(string Variable), ShowHide() */ //**載入CSS***** var xWinCssFilePath="sp\/css\/xwin.css"; document.write("<style>@import url("+xWinCssFilePath+");</style>"); //**檢測瀏覽器種類***** var BROWSERNAME=""; switch(navigator.appName.toLowerCase()){ case "netscape": BROWSERNAME="ns"; break; case "microsoft internet explorer": default: BROWSERNAME="ie"; break; } //**設(shè)置初始化變量****** switch(BROWSERNAME){ case "ns": window.addEventListener("load",_xWin_init,false); break; case "ie": default: window.attachEvent("onload",_xWin_init); } //**設(shè)置全局定時器****** if(typeof(__xSeriaTimer__)=="undefined"){ var __xSeriaTimer__={ events:new Array(), objs:new Array(), handle:null, exec:function(){ for(var i=0;i<__xSeriaTimer__.events.length;i++){ try{ with(__xSeriaTimer__.objs[i]){ eval(__xSeriaTimer__.events[i]); } }catch(e){} } }, pop:function(i){ __xSeriaTimer__.events[i]=null; __xSeriaTimer__.objs[i]=null; }, push:function(strV,obj){ for(var i=0;i<__xSeriaTimer__.events.length;i++){ if(__xSeriaTimer__.events[i]==null){ __xSeriaTimer__.events[i]=strV; __xSeriaTimer__.objs[i]=obj; return(i); } } __xSeriaTimer__.events[i]=strV; __xSeriaTimer__.objs[i]=obj; return(i); }, start:function(){ __xSeriaTimer__.stop(); __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,30); }, stop:function(){ clearInterval(__xSeriaTimer__.handle); } }; __xSeriaTimer__.start(); } //**初始化函數(shù)****** function _xWin_init(){ var allTheWindows=document.getElementsByTagName("div"); for(var i=0;i<allTheWindows.length;i++){ if(allTheWindows[i].className=="xWin")_xWin_event_doInit(allTheWindows[i]); } } //**事件響應(yīng)函數(shù)區(qū)****** function _xWin_event_doInit(element){ //初始化變量 element.ownerDocument.index=isNaN(element.ownerDocument.index)?10000:parseInt(element.ownerDocument.index)+1; element.x0=0;element.y0=0; element.x1=0;element.y1=0; element.w0=0;element.h0=0; element.offx=6;element.offy=6; element.padx=0;element.pady=0; element.minW=90;element.minH=(BROWSERNAME=="ns"?20:20); element.moveable=false; element.resizable=false; element.hover='orange';element.normal='#336699'; element.minButton=BROWSERNAME=="ie"?"0":"_"; element.maxButton=BROWSERNAME=="ie"?"1":"="; element.normalButton=BROWSERNAME=="ie"?"2":"+"; element.closeButton=BROWSERNAME=="ie"?"r":"X"; element._title="Untitled Window"; element._body=""; element._winRect={l:0,t:0,w:0,h:0}; element._restoredWinRect={l:0,t:0,w:0,h:0}; element._windowState="normal"; element.settingNode=getElementByClassName(element,"xWinSetting"); if(!element.settingNode){ element.settingNode=document.createElement("div"); element.settingNode.className="xWinSetting"; element.settingNode.xwin=element; element.appendChild(element.settingNode); } element.xwin=element; //設(shè)置方法 element.Close=_xWin_method_Close; element.Destroy=_xWin_method_Destroy; element.GetSetting=_xWin_method_GetSetting; element.Max=_xWin_method_Max; element.Min=_xWin_method_Min; element.MoveTo=_xWin_method_MoveTo; element.ResizeTo=_xWin_method_ResizeTo; element.SetContent=_xWin_method_SetContent; element.SetTitle=_xWin_method_SetTitle; element.ShowHide=_xWin_method_ShowHide; //設(shè)置事件 element.onmousedown=_xWin_event_doMDown; element.onmouseup=element.onlosecapture=_xWin_event_doMUp; element.onmousemove=_xWin_event_doMMove; element.onclick=_xWin_event_doClick; element.onselectstart=element.onselect=_xWin_event_doSelect; //記錄顯示風(fēng)格 var tempDisplay=element.style.display; //改變顯示風(fēng)格 element.style.display="block"; //設(shè)置窗口變量 var w=parseInt(element.GetSetting("width")); w=isNaN(w)?(element.offsetWidth+10):parseInt(w); w=w<element.minW?element.minW:w; var h=parseInt(element.GetSetting("height")); h=isNaN(h)?(element.offsetHeight+30):parseInt(h); h=h<element.minH?element.minH:h; var l=parseInt(element.GetSetting("left")); l=isNaN(l)?element.offsetLeft:parseInt(l); l=l<1?1:l; var t=parseInt(element.GetSetting("top")); t=isNaN(t)?element.offsetTop:parseInt(t); t=t<1?1:t; var z=element.ownerDocument.index; var title=new String(element.GetSetting("title")); //設(shè)置窗口標(biāo)題 element.oTitle=element.ownerDocument.createElement("div"); element.oTitle.xwin=element; element.oTitle.className="xTitle"; element.appendChild(element.oTitle); //設(shè)置窗口標(biāo)題內(nèi)容 element.oTitleContent=element.ownerDocument.createElement("span"); element.oTitleContent.xwin=element; element.oTitleContent.className="xWinTitleContent"; element.oTitle.appendChild(element.oTitleContent); element.oTitleContent.ondblclick=function(){this.xwin.Max();}; element.SetTitle(title); //設(shè)置窗口標(biāo)題關(guān)閉按鈕 element.oTitleCButton=element.ownerDocument.createElement("input"); element.oTitleCButton.xwin=element; element.oTitleCButton.type="button"; element.oTitleCButton.className="xWinTitleCloseButton"; element.oTitle.appendChild(element.oTitleCButton); element.oTitleCButton.onclick=function(){this.xwin.ShowHide("none");}; element.oTitleCButton.value=element.closeButton; //設(shè)置窗口標(biāo)題最大化按鈕 element.oTitleMaButton=element.ownerDocument.createElement("input"); element.oTitleMaButton.xwin=element; element.oTitleMaButton.type="button"; element.oTitleMaButton.className="xWinTitleMaxButton"; element.oTitle.appendChild(element.oTitleMaButton); element.oTitleMaButton.onclick=function(){this.xwin.Max();}; element.oTitleMaButton.value=element.maxButton; //設(shè)置窗口標(biāo)題最小化按鈕 element.oTitleMButton=element.ownerDocument.createElement("input"); element.oTitleMButton.xwin=element; element.oTitleMButton.type="button"; element.oTitleMButton.className="xWinTitleMinButton"; element.oTitle.appendChild(element.oTitleMButton); element.oTitleMButton.onclick=function(){this.xwin.Min();}; element.oTitleMButton.value=element.minButton; //設(shè)置窗口內(nèi)容 element.oContent=element.ownerDocument.createElement("div"); element.oContent.xwin=element; element.oContent.className="xWinBody"; element.appendChild(element.oContent); oC=element.firstChild; while(oC){ tC=oC.nextSibling; if(oC!=element.oTitle&&oC!=element.oContent){ element.oContent.appendChild(oC); } oC=tC; } //設(shè)置窗口陰影 element.oShadow=element.ownerDocument.createElement("div"); element.oShadow.xwin=element; element.oShadow.className="xShadow"; element.parentNode.insertBefore(element.oShadow,element.nextSibling); element.oShadow.style.zIndex=z-1; element.MoveTo(l,t); element.ResizeTo(w,h); //恢復(fù)顯示風(fēng)格 element.style.display=tempDisplay; //設(shè)置窗口樣式 with(element.style){ zIndex=z; backgroundColor=element.normal; color=element.normal; } padx=element.offsetWidth-element.clientWidth; pady=element.offsetHeight-element.clientHeight; } function _xWin_event_doMDown(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; var leftButton=e.srcElement?e.button==1:e.button==0; if(this.style.zIndex!=this.ownerDocument.index){//將窗口放到最前 this.ownerDocument.index+=2; var idx = this.ownerDocument.index; this.style.zIndex=idx; this.nextSibling.style.zIndex=idx-1; } if(eSrc==this.oTitleContent&&leftButton&&this._windowState=="normal"){//如果開始拖動 //鎖定標(biāo)題欄; document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture(); //定義對象; var win = this; var sha = win.nextSibling; //記錄鼠標(biāo)和層位置; this.x0 = e.clientX; this.y0 = e.clientY; this.x1 = parseInt(win.style.left); this.y1 = parseInt(win.style.top); //改變風(fēng)格; this.oTitle.style.backgroundColor = this.hover; win.style.borderColor = this.hover; this.oTitle.nextSibling.style.color = this.hover; sha.style.left = this.x1 + this.offx; sha.style.top = this.y1 + this.offy; this.moveable = true; return(true); } if(this.style.cursor!="default"&&this._windowState=="normal"){//開始改變大小 //鎖定標(biāo)題欄; document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture(); //定義對象; var win = this; var sha = win.nextSibling; //記錄鼠標(biāo)位置和層位置和大小; this.x0=e.clientX; this.y0=e.clientY; this.x1=parseInt(win.offsetLeft); this.y1=parseInt(win.offsetTop); this.w0=parseInt(win.offsetWidth); this.h0=parseInt(win.offsetHeight); //改變風(fēng)格; this.oTitle.style.backgroundColor = this.hover; win.style.borderColor = this.hover; this.oTitle.nextSibling.style.color = this.hover; sha.style.left = this.x1 + this.offx; sha.style.top = this.y1 + this.offy; this.resizable = true; return(true); } } function _xWin_event_doMUp(evt){ var e=evt?evt:window.event; document.releaseEvents?document.releaseEvents("mousemove",this.oTitle):this.oTitle.releaseCapture(); if(this.moveable){ var win = this; var sha = win.nextSibling; var msg = this.oTitle.nextSibling; win.style.borderColor = ""; this.oTitle.style.backgroundColor = ""; msg.style.color = ""; sha.style.left = this.oTitle.parentNode.style.left; sha.style.top = this.oTitle.parentNode.style.top; this.moveable = false; return(false); } if(this.resizable){ var win = this; var sha = win.nextSibling; var msg = this.oTitle.nextSibling; win.style.borderColor = ""; this.oTitle.style.backgroundColor = ""; msg.style.color = ""; sha.style.left = this.oTitle.parentNode.style.left; sha.style.top = this.oTitle.parentNode.style.top; sha.style.width = this.oTitle.parentNode.style.width; sha.style.height = this.oTitle.parentNode.style.height; this.style.cursor="default"; this.resizable = false; return(false); } } function _xWin_event_doMMove(evt){ var e=evt?evt:window.event; if(this.moveable){//拖動窗口 this.MoveTo(this.x1 + e.clientX - this.x0, this.y1 + e.clientY - this.y0); return(true); } if(this.resizable){//改變窗口大小 var xxx=this.style.cursor.substring(0,2).match(/[we]/i); var yyy=this.style.cursor.substring(0,2).match(/[ns]/i); l=this.offsetLeft; t=this.offsetTop; w=parseInt(this.style.width); h=parseInt(this.style.height); if(xxx=="w"){ l=this.x1+e.clientX - this.x0; w=this.w0+this.x0-e.clientX; if(l<0){w+=l;l=0;} if(w<this.minW){l=l+w-this.minW;w=this.minW;} } if(xxx=="e"){ w=this.w0+e.clientX-this.x0; w=w<this.minW?this.minW:w; } if(yyy=="n"){ t=this.y1+e.clientY - this.y0; h=this.h0+this.y0-e.clientY; if(t<0){h+=t;t=0;} if(h<this.minH){t=t+h-this.minH;h=this.minH;} } if(yyy=="s"){ h=this.h0+e.clientY-this.y0; h=h<this.minH?this.minH:h; } this.MoveTo(l,t); this.ResizeTo(w,h); return(true); } if(this._windowState=="normal"){ var cc=""; x=window.getRealLeft(this); y=window.getRealTop(this); w=parseInt(this.offsetWidth); h=parseInt(this.offsetHeight); if(e.clientY-y<5)cc+="n"; if(y+h-e.clientY<5)cc+="s"; if(e.clientX-x<5)cc+="w"; if(x+w-e.clientX<5)cc+="e"; if(cc!=""){ this.style.cursor=cc+"-resize"; return(true); } if(this.style.cursor!="default"){ this.style.cursor="default"; } } } function _xWin_event_doClick(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; switch(eSrc){ } } function _xWin_event_doSelect(evt){ var e=evt?evt:window.event; var eSrc=e.srcElement?e.srcElement:e.target; if(eSrc==this.oTitle||this.oTitle.contains(eSrc)){ e.cancelBubble=true; e.returnValue=false; return(false); } } function _xWinParentNode_event_doScroll(evt){ if(!this.minimizedWindows)return(true); for(var i=0;i<this.minimizedWindows.length;i++){ this.minimizedWindows[i].Min(true); } } //**方法函數(shù)區(qū)****** function _xWin_method_Close(){ this.Destroy(); } function _xWin_method_Destroy(){ if(this.minIndex){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } this.outerHTML=""; } function _xWin_method_GetSetting(attributeName){ var settingString=this.settingNode.innerHTML; if(!attributeName)return(settingString); var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i"); var re=settingString.match(regE); if(re){ return(re[1]); }else{ return(re); } } function _xWin_method_Max(reV){ if(this._windowState=="maximize"&&(!reV)){ //還原父節(jié)點overflow屬性 this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow; this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t); this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.maxButton; this._windowState="normal"; }else{ if(this._windowState=="normal"){ this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t; this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h; } if(this.minIndex!=null){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } if(this.minTimeHandle!=null){ __xSeriaTimer__.pop(this.minTimeHandle); this.minTimeHandle=null; } //紀(jì)錄父節(jié)點overflow屬性 this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow; //改變父節(jié)點overflow屬性 this.parentNode.style.overflow="hidden"; this.MoveTo(0,0); if(this.parentNode!=document.body){ w=this.parentNode.clientWidth-5; h=this.parentNode.clientHeight-4; }else{ w=document.documentElement.clientWidth-5; h=document.documentElement.clientHeight-4; } this.ResizeTo(w,h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.normalButton; this._windowState="maximize"; this.scrollIntoView(); } } function _xWin_method_Min(reV){ if(this._windowState=="minimize"&&(!reV)){ this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t); this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h); this.oTitleMButton.value = this.minButton; this.oTitleMaButton.value = this.maxButton; this._windowState="normal"; this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; if(this.minTimeHandle!=null){ __xSeriaTimer__.pop(this.minTimeHandle); this.minTimeHandle=null; } }else{ if(this._windowState=="normal"){ this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t; this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h; }else{ //還原父節(jié)點overflow屬性 try{ this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow; }catch(e){} } if(!this.parentNode.minimizedWindows)this.parentNode.minimizedWindows=new Array(); if(this._windowState!="minimize"){ for(var i=0;i<this.parentNode.minimizedWindows.length;i++){ if(this.parentNode.minimizedWindows[i]==null)break; } this.parentNode.minimizedWindows[i]=this; }else{ i=this.minIndex; } this.ResizeTo(0,0); var w=this.offsetWidth; var h=this.offsetHeight; var mw=getParentRect(this).mw; var mh=getParentRect(this).mh; var n=parseInt(mw/w); var t=parseInt(i/n)+1; this.MoveTo(w*(i%n),mh-t*h-1); if(mh>getParentRect(this).mh){ this.MoveTo(w*(i%n),mh-t*h-200); mh=getParentRect(this).mh; this.MoveTo(w*(i%n),mh-t*h-1); } this.minIndex=i; this.oTitleMButton.value = this.normalButton; this.oTitleMaButton.value = this.maxButton; this._windowState="minimize"; if(this.minTimeHandle==null){ this.minTimeHandle=__xSeriaTimer__.push("Min(true)",this); this.scrollIntoView(); } } } function _xWin_method_MoveTo(x,y){ var win = this.oTitle.parentNode; var sha = win.nextSibling; x=isNaN(x)?0:parseInt(x); y=isNaN(y)?0:parseInt(y); x=x<0?0:x; y=y<0?0:y; this.style.left=x+"px"; this.style.top=y+"px"; sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px"; sha.style.top = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px"; this._winRect.l=x; this._winRect.t=y; } function _xWin_method_ResizeTo(w,h){ var win = this; var sha = win.nextSibling; var w=isNaN(w)?this.minW:parseInt(w); var h=isNaN(h)?this.minH:parseInt(h); var w=w<this.minW?this.minW:w; var h=h<this.minH?this.minH:h; this.style.width=w+"px"; this.style.height=h+"px"; this.oTitle.style.width=parseInt(this.clientWidth)+"px"; var wTC=this.clientWidth; for(var i=0;i<this.oTitle.childNodes.length;i++){ if(this.oTitle.childNodes[i]!=this.oTitleContent){wTC-=this.oTitle.childNodes[i].offsetWidth;} } wTC-=8; this.oTitleContent.style.width=(wTC<1?1:wTC)+"px"; var wC=this.clientHeight-this.oTitle.offsetHeight-6; this.oContent.style.height=(wC<1?1:wC)+"px"; this.oContent.style.width=parseInt(this.clientWidth-6)+"px"; sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px"; sha.style.top = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px"; sha.style.width = parseInt(win.style.width)+"px"; sha.style.height = parseInt(win.style.height)+"px"; this._winRect.w=w; this._winRect.h=h; } function _xWin_method_SetContent(v){ if(this.oContent){ if(v==null||v==undefined||v==""){this._body=this.oContent.innerHTML="";return(this.oContent);} if(typeof(v)=="string"){ this._body=this.oContent.innerHTML=v; return(this.oContent); }else{ try{ this.oContent.innerHTML=""; this._body=this.oContent.appendChild(v); return(this.oContent); }catch(e){ throw(e); } } }else{ this._body=v; return(null); } } function _xWin_method_SetTitle(strT){ this._title=strT==null?this._title:strT; if(this.oTitleContent){ setInnerText(this.oTitleContent,this._title); } } function _xWin_method_ShowHide(dis){ var bdisplay = (dis==null)?((this.style.display=="none")?"":"none"):dis; this.style.display = bdisplay; this.nextSibling.style.display = bdisplay; if(bdisplay=="none"){ if(this._windowState=="minimize"){ this.parentNode.minimizedWindows[this.minIndex]=null; this.minIndex=null; } }else{ if(this._windowState=="minimize"){ this.Min(); } } } //**通用函數(shù)區(qū)*** function getRealLeft(o){ var l=o.offsetLeft-o.scrollLeft; while(o=o.offsetParent){ l+=o.offsetLeft-o.scrollLeft; } return(l); } function getRealTop(o){ var t=o.offsetTop-o.scrollTop; while(o=o.offsetParent){ t+=o.offsetTop-o.scrollTop; } return(t); } function setInnerText(obj,text){ switch(BROWSERNAME){ case "ns": obj.textContent=text; break; case "ie": default: obj.innerText=text; } } function getElementByClassName(obj,className){ for(var i=0;i<obj.childNodes.length;i++){ if(obj.childNodes[i].className==className)return(obj.childNodes[i]); } return(null); } function getParentRect(obj){ var re=new Object(); if(obj.parentNode!=document.body){ re.mw=Math.max(obj.parentNode.scrollWidth,obj.parentNode.clientWidth); re.mh=Math.max(obj.parentNode.scrollHeight,obj.parentNode.clientHeight); }else{ re.mw=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth); re.mh=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight); } return(re); } //]]>
[Ctrl+A 全部選擇然后拷貝]

CSS：

代碼拷貝框
body { width:100%; height:100%; margin:0px; padding:0px; overflow:auto; } .xWin { position:absolute; cursor:default; border-width:2px; border-style:outset; padding:0px; font-size:12px; overflow:hidden; display:block; } .xWin .xWinSetting { display:none; } .xWin .xTitle { color:#FFFFFF; height:20px; display:block; } .xWin .xTitle input { background-color:transparent; color:#FFFFFF; border-width:0px; border-style:solid; height:20px; width:16px; line-height:20px; font-family:webdings; font-size:10px; margin:0px; padding:0px; text-align:center; float:right; display:block; } .xWin .xTitle .xWinTitleCloseButton { } .xWin .xTitle .xWinTitleMaxButton { } .xWin .xTitle .xWinTitleMinButton { } .xWin .xTitle .xWinTitleContent { color:#FFFFFF; font-size:12px; height:18px; line-height:20px; margin:0px; padding-left:3px; float:left; display:block; overflow:hidden; white-space:nowrap; text-align:left; cursor:default; } .xWin .xWinBody { margin:0px; background-color:#FFFFFF; color:#000000; padding:3px; font-size:12px; overflow:auto; position:relative; display:block; } .xShadow { position:absolute; display:block; background-Color:#000000; color:#FFFFFF; }
[Ctrl+A 全部選擇然后拷貝]

ps: 加上那個DOCTYPE和不加的區(qū)別真大啊，通過了驗證好高興啊呵呵

經(jīng)典論壇討論帖：
http://m.95time.cn/bbs/NewsDetail.asp?id=2461969

出處：藍(lán)色理想
責(zé)任編輯：moby

◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

js“樹”讀取xml數(shù)據(jù)

作者文章

xmlHTTP返回值重編碼的優(yōu)化


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大福“敬•自然”設(shè)計大賽開啟

國際體驗設(shè)計大會7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx