xWin之JS版

更新时间：2006年11月14日 00:00:00 作者：

目前代码应该没什么bug了，兼容IE6.0 & FF 1.5, 通过xHTML 的Transitional验证和 CSS 验证。

为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：

<div class="xWin"> 
 <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</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 //  未经同意不得转载或用于商业用途 //********************/ /* 说明：   x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签   目前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; } //**设置初始化变量****** switch(BROWSERNAME){     case "ns":         window.addEventListener("load",_xWin_init,false);     break;     case "ie":     default:         window.attachEvent("onload",_xWin_init); } //**设置全局定时器****** 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(); } //**初始化函数****** 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]);     } } //**事件响应函数区****** 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;          //设置方法     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;          //设置事件     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;          //记录显示风格     var tempDisplay=element.style.display;     //改变显示风格     element.style.display="block";     //设置窗口变量     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"));          //设置窗口标题     element.oTitle=element.ownerDocument.createElement("div");     element.oTitle.xwin=element;     element.oTitle.className="xTitle";     element.appendChild(element.oTitle);          //设置窗口标题内容     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);          //设置窗口标题关闭按钮     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;          //设置窗口标题最大化按钮     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;          //设置窗口标题最小化按钮     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;          //设置窗口内容     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;     }          //设置窗口阴影     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);          //恢复显示风格     element.style.display=tempDisplay;     //设置窗口样式     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);         //改变风格;         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);         //改变风格;         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);     } } //**方法函数区****** 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)){         //还原父节点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;         }         //纪录父节点overflow属性         this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow;         //改变父节点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{             //还原父节点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();         }     } } //**通用函数区*** 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>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题     我就是传说中那个超长的     <div class="xWin" id="win31" >         <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题" </span>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题     c     12345 </div> <div class="xWin" id="win2">     <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>     我是窗口2     我是窗口2     我是窗口2     我是窗口2     <a href="javascript:void(0);">更换标题</a>     我是窗口2     我是窗口2     我是窗口2     我是窗口2 </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需再刷新一下页面才能执行]

xWin之JS版

JavaScript中变量提升和函数提升实例详解
这篇文章主要给大家介绍了关于JavaScript中变量提升和函数提升的相关资料,以及JS变量提升和函数提升的顺序,文中给出了详细的介绍,需要的朋友可以参考下
2021-07-07
一个多次搜索+多次传值的解决方案
一个多次搜索+多次传值的解决方案...
2007-01-01
JavaScript 数组基本操作全解
今天这篇文章就是来和大家详细聊聊JavaScript中数组的基本操作，很多语言都是在数组这有个分水岭。听懂了接下来就很容易，听不懂就难办了，大家要认真看哟。希望大家读完有所收获，那我辛苦码字也就值了
2022-02-02
IE下Ajax缓存问题的快速解决方法(get方式)
IE下Ajax缓存问题的快速解决方法(get方式)。网上搜了很多解决方案，一大把，下面是我认为比较全面的解决方案。主要分为客户端解决和服务端解决
2014-01-01
微信小程序使用canvas自适应屏幕画海报并保存图片功能
这篇文章主要介绍了小程序使用canvas自适应屏幕画海报并保存图片功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-07-07
浅谈JavaScript对象与继承
下面小编就为大家带来一篇浅谈JavaScript对象与继承。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
javascript之Partial Application学习
在数学中，一个函数是描述每个输入值对应唯一输出值的这种对应关系，符号为 f(x)。例如，表达式 f(x)=x2表示了一个函数 f，其中每个输入值x都与唯一输出值x2相联系
2013-01-01
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
下面小编就为大家带来一篇页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
浅谈Axios去除重复请求方案
本文主要介绍了Axios去除重复请求方案，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
antd table长表格出现滚动条的操作方法
这篇文章主要介绍了antd table长表格如何出现滚动条,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06

xWin之JS版

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具