.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)快速的自定義標簽
? 目前x系列支持的瀏覽器類型為：IE5.5, FF1.5

? xWin的標簽為 <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è)置窗口標題
?element.oTitle=element.ownerDocument.createElement("div");
?element.oTitle.xwin=element;
?element.oTitle.className="xTitle";
?element.appendChild(element.oTitle);
?
?//設(shè)置窗口標題內(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è)置窗口標題關(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è)置窗口標題最大化按鈕
?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è)置窗口標題最小化按鈕
?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"){//如果開始拖動
??//鎖定標題欄;
??document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();
??//定義對象;
??var win = this;
??var sha = win.nextSibling;
??//記錄鼠標和層位置;
??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"){//開始改變大小
??//鎖定標題欄;
??document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();
??//定義對象;
??var win = this;
??var sha = win.nextSibling;
??//記錄鼠標位置和層位置和大小;
??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;
??}
??//紀錄父節(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="我就是傳說中那個超長的窗口標題"</span>
?我就是傳說中那個超長的窗口標題我就是傳說
?<div class="xWin" id="win30" >
??<span class="xWinSetting"> width="100" top="20" left="20" title="我就是傳說中那個超長的窗口標題"</span>
??中那個超長的窗口標題我就是傳說中那個超<br/>長的窗口標題我就是傳說中那個超長
?</div>
?的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題
?我就是傳說中那個超長的
?<div class="xWin" id="win31" >
??<span class="xWinSetting">width="100" top="40" left="40" title="我就是傳說中那個超長的窗口標題" </span>
??中那個超長的窗口標題我就是傳說中那個超<br/>長的窗口標題我就是傳說中那個超長
?</div>
?窗口標題我就是傳說中那
?個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那
?個超長的窗口標題我就是傳說中那個超長的窗口標題
?c<br/>
?12345
</div>

<div class="xWin" id="win2">
?<span class="xWinSetting"> width="200" top="270" left="140" title="我就是傳說中那個超長的窗口標題"</span>
?我是窗口2<br/>
?我是窗口2<br/>
?我是窗口2<br/>
?我是窗口2<br/>
?<a href="javascript:void(0);">更換標題</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>

效果：
?