xWin之JS版

2008-02-23 07:57:27来源：互联网阅读 ()

目前代码应该没什么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> 中那个超长的窗口标题我就是传说中那个超<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> <p class="article-con-biaoqian mt-20"> <span>标签：</span> </p> <p class="banquan">版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com<br/> 特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有 </p> </div> <a href="https://love.4c.cn/" target="_blank"><img src="http://www.west999.com/www/wp-content/uploads/2019/10/-20" alt=""/></a> <div class="other-article mt-10 font14"> <p><span class="mr-20">上一篇：<a href='/info/html/wangyezhizuo/Javascript/20080224/33933.html'>JavaScript版幻灯片效果</a> </span></p> <p><span class="mr-20">下一篇：<a href='/info/html/wangyezhizuo/Javascript/20080224/33937.html'>常用JavaScript网页广告代码</a> </span></p> </div> <div class="relative-link mt-20"> <div class="relative-tab"> <span class="relative-tab-active">相关文章</span> </div> <div class="relative-con"> <div class="relative-list mt-20"> <ul> </ul> </div> </div> </div> </div> <div class="category mt-20"> <p><span>IDC资讯：</span> <a href="/info/html/IDCzixun/xunizhuji/">主机资讯</a> <a href="/info/html/IDCzixun/yumingzhuce/">注册资讯</a> <a href="/info/html/IDCzixun/zhujizuyong/">托管资讯</a> <a href="/info/html/IDCzixun/vpszhuji/">vps资讯</a> <a href="/info/html/IDCzixun/zhinenjianzhan/">网站建设</a> </p><p><span>网站运营：</span> <a href="/info/html/wangzhanyunying/jianzhanjingyan/">建站经验</a> <a href="/info/html/wangzhanyunying/cehuayingli/">策划盈利</a> <a href="/info/html/wangzhanyunying/sousuoyouhua/">搜索优化</a> <a href="/info/html/wangzhanyunying/wangzhantuiguang/">网站推广</a> <a href="/info/html/wangzhanyunying/mianfeiziyuan/">免费资源</a> </p><p><span>网站联盟：</span> <a href="/info/html/wangzhanlianmeng/lianmengxinwen/">联盟新闻</a> <a href="/info/html/wangzhanlianmeng/lianmengjieshao/">联盟介绍</a> <a href="/info/html/wangzhanlianmeng/lianmengdianping/">联盟点评</a> <a href="/info/html/wangzhanlianmeng/wangzhuanjiqiao/">网赚技巧</a> </p><p><span>行业资讯：</span> <a href="/info/html/xingyezixun/sousuoyinqing/">搜索引擎</a> <a href="/info/html/xingyezixun/wangluoyouxi/">网络游戏</a> <a href="/info/html/xingyezixun/dianzishangwu/">电子商务</a> <a href="/info/html/xingyezixun/guanggaochuanmei/">广告传媒</a> </p><p><span>网络编程：</span> <a href="/info/html/wangluobiancheng/DotNetBianCheng/">Asp.Net编程</a> <a href="/info/html/wangluobiancheng/Aspbiancheng/">Asp编程</a> <a href="/info/html/wangluobiancheng/Phpbiancheng/">Php编程</a> <a href="/info/html/wangluobiancheng/Xmlbiancheng/">Xml编程</a> <a href="/info/html/wangluobiancheng/Access/">Access</a> <a href="/info/html/wangluobiancheng/Mssql/">Mssql</a> <a href="/info/html/wangluobiancheng/Mysql/">Mysql</a> <a href="/info/html/wangluobiancheng/qita/">其它</a> </p><p><span>服务器技术：</span> <a href="/info/html/fuwuqijishu/Webfuwuqi/">Web服务器</a> <a href="/info/html/fuwuqijishu/Ftpfuwuqi/">Ftp服务器</a> <a href="/info/html/fuwuqijishu/Mailfuwuqi/">Mail服务器</a> <a href="/info/html/fuwuqijishu/Dnsfuwuqi/">Dns服务器</a> <a href="/info/html/fuwuqijishu/anquanfanghu/">安全防护</a> </p><p><span>软件技巧：</span> <a href="/info/html/ruanjianjiqiao/qitaruanjian/">其它软件</a> <a href="/info/html/ruanjianjiqiao/Word/">Word</a> <a href="/info/html/ruanjianjiqiao/Excel/">Excel</a> <a href="/info/html/ruanjianjiqiao/Powerpoint/">Powerpoint</a> <a href="/info/html/ruanjianjiqiao/Ghost/">Ghost</a> <a href="/info/html/ruanjianjiqiao/Vista/">Vista</a> <a href="/info/html/ruanjianjiqiao/QQkongjian/">QQ空间</a> <a href="/info/html/ruanjianjiqiao/QQ/">QQ</a> <a href="/info/html/ruanjianjiqiao/FlashGet/">FlashGet</a> <a href="/info/html/ruanjianjiqiao/xunlei/">迅雷</a> </p><p><span>网页制作：</span> <a href="/info/html/wangyezhizuo/FrontPages/">FrontPages</a> <a href="/info/html/wangyezhizuo/Dreamweaver/">Dreamweaver</a> <a href="/info/html/wangyezhizuo/Javascript/">Javascript</a> <a href="/info/html/wangyezhizuo/css/">css</a> <a href="/info/html/wangyezhizuo/photoshop/">photoshop</a> <a href="/info/html/wangyezhizuo/fireworks/">fireworks</a> <a href="/info/html/wangyezhizuo/Flash/">Flash</a> </p><p><span>程序设计：</span> <a href="/info/html/chengxusheji/Javajishu/">Java技术</a> <a href="/info/html/chengxusheji/C-C--/">C/C++</a> <a href="/info/html/chengxusheji/VB/">VB</a> <a href="/info/html/chengxusheji/delphi/">delphi</a> </p><p><span>网络知识：</span> <a href="/info/html/wangluozhishi/wangluoxieyi/">网络协议</a> <a href="/info/html/wangluozhishi/wangluoanquan/">网络安全</a> <a href="/info/html/wangluozhishi/wangluoguanli/">网络管理</a> <a href="/info/html/wangluozhishi/zuwangfangan/">组网方案</a> <a href="/info/html/wangluozhishi/Ciscojishu/">Cisco技术</a> </p><p><span>操作系统：</span> <a href="/info/html/caozuoxitong/Win2000/">Win2000</a> <a href="/info/html/caozuoxitong/WinXP/">WinXP</a> <a href="/info/html/caozuoxitong/Win2003/">Win2003</a> <a href="/info/html/caozuoxitong/Mac-OS/">Mac OS</a> <a href="/info/html/caozuoxitong/Linux/">Linux</a> <a href="/info/html/caozuoxitong/FreeBSD/">FreeBSD</a> </p> </div> </div> <div class="rightcon f-r ml-20"> <div class="sider-img"> <a href="https://www.west.cn/cloudhost/?ReferenceID=zzxxw999" target="_blank" title="云服务器仅需0.69元/天起！快速备案，无需幕布！"><img src="http://www.west999.com/www/wp-content/uploads/2019/10/-12"></a> </div> <div class="right-sider mt-20"> <div class="sider-title clearfix"><strong class="f-l"><i class="iconfont font20 icon-read"></i>热门词条</strong></div> <div class="biaoqian-con"> </div> </div> <div class="right-sider mt-20"> <div class="sider-title"><strong><i class="iconfont font20 icon-liebiaodaohang_zixun"></i>最新资讯</strong></div> <div class="sider-con pt-10"> <ul> <li><a href="/info/html/wangyezhizuo/photoshop/20210526/4674019.html"><i class="radius"></i>Photoshop绘制立体风格的微笑表情</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674018.html"><i class="radius"></i>PS文字特效教程：制作公路上个性的涂鸦</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674017.html"><i class="radius"></i>Photoshop设计卷边效果的变形金刚电影</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674016.html"><i class="radius"></i>PS色彩修复教程：利用色阶工具快速给红</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674015.html"><i class="radius"></i>PS半透明物体抠图：利用通道选区工具抠</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674014.html"><i class="radius"></i>PS海报设计技巧教程：学习制作个性的扭</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674013.html"><i class="radius"></i>PS图片特效制作教程：学习给铁塔图片制</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674012.html"><i class="radius"></i>学习用photoshop把浑浊的海水照片后期</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674011.html"><i class="radius"></i>PS古风照片教程：给古风美女打造出女侠</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674010.html"><i class="radius"></i>PS个性人物海报制作：设计创意时尚的玻</a></li> </ul> </div> </div> <div class="right-sider mt-20"> <div class="sider-title"><strong><i class="iconfont font20 icon-remen"></i>热门关注</strong></div> <div class="sider-con pt-10"> <ul> <li><a href="/info/html/wangyezhizuo/Javascript/20080224/34146.html"><i class="radius"></i>用javascript实现Base64编码</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232651.html"><i class="radius"></i>【运行错误】Uncaught DOMException: B</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4234359.html"><i class="radius"></i>socket.io 出现的WebSocket is closed </a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4234038.html"><i class="radius"></i>charles抓包出现乱码 SSL Proxying no</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180810/4479311.html"><i class="radius"></i>ES6 require ( 路径变量 ) 相关使用方</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190220/4613094.html"><i class="radius"></i>echarts在地图上绘制散点图（任意点）</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190814/4654288.html"><i class="radius"></i>Nuxt项目搭建到发布部署</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232064.html"><i class="radius"></i>省市区三级联动下拉列表，获取地区编号</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232612.html"><i class="radius"></i>最全前端资源汇总</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190814/4653844.html"><i class="radius"></i>layui table表格表头与内容列错位问</a></li> </ul> </div> </div> <div class="right-sider mt-20"> <div class="sider-title clearfix"><strong class="f-l"><i class="iconfont font20 icon-tag"></i>热门标签</strong></div> <div class="biaoqian-con pt-10"></div> </div> </div> </div> </div> <div id="footer"> <div class="gray-line"></div> <div class="white-line"></div>   <div class="footer-bottom"> <p>为学习和知识分享目的，本站文章部分自网络，本站文章部分自网络，如有侵权，请联系：2653426586@qq.com QQ：2653426586 </p> <p>如有其他需求，请联系：2653426586@qq.com QQ：2653426586 </p> <p> <span>友情链接：</span> <a href="https://www.lnmpweb.cn/" target="_blank">网络安全</a> <a href="https://www.ysidc.top/" target="_blank">运维经验</a> <a href="https://blog.mydns.vip" target="_blank">IT技术分享</a> <a href="https://www.jdian.vip/" target="_blank">运维随笔录</a> <a href="http://www.aihuaju.com/" target="_blank">鲜花</a> <a href="https://www.dongjiaospa.vip/" target="_blank">东郊到家</a> <a href="https://www.wangyuespa.vip/" target="_blank">往约到家</a> </p> </div></div><iframe src="https://market.aliyun.com/products/57742013/cmjj00059601.html?" width="0" height="0"></iframe><iframe src="https://market.aliyun.com/products/57742013/cmjj00060340.html?" width="0" height="0"></iframe><div style=" display:none;"> <script>var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?db46b5f21c293739bcbcfa2490e39804"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script><script>(function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();</script></div><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1045757556');</script> <script type="text/javascript"> $(".relative-link").slide( { mainCell:".relative-con", titCell:".relative-tab > a", titOnClassName:"relative-tab-active", effect:"fold" }); </script> </body> </html>