視窗

N歡迎視窗
請將下列語法放在<head>與</head>
<SCRIPT language="JavaScript1.2"> <!-- function java(){ alert("任何字"); } function LoadFunctions(){ java(); } --> </SCRIPT>
請將下列語法放在<body>與</body>之間
<body onLoad="LoadFunctions()">
N告別視窗
請將下列語法放在<head>與</head>
<script language="JavaScript"> <!-- function UserExit(){ alert("任何字"); } --> </script>
請將下列語法放在<body>與</body>之間
<body onUnload="UserExit()">
N可移動公告視窗
請將下列語法放在<head>與</head>
<script language="JavaScript1.2"> ///////////////////////////////// var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN \| Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for IE 4+//// ///////////////////////////////// var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } ////drag drop functions end here////// function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } </script>
請將下列語法放在<body>與</body>之間
<div id="showimage" style="width:250px; height:200px; position:absolute; left:450px; top:20px; z-index:1;"> <table border="0" width="250" bgcolor="標題列背景顏色/色碼" cellspacing="0" cellpadding="2"> <tr> <td width="100%"> <div align="right"> <table border="0" width="246" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td onMousedown="initializedragie()" style="cursor:hand" width="230"><ilayer width="100%" onSelectStart="return false"><layer width="100" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" id="layer1" left="50" top="50" height="200" z-index="1"> <p><font size="2"><ilayer width="100%"></font><layer width="100" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" id="layer2" left="50" top="50" height="200" z-index="1"> <p><font color="#000000">標題</font></layer><font size="2"></ilayer></font> </layer></ilayer></td> <td style="cursor:hand" width="16"><a href="#" onClick="hidebox();return false"><font color="000000">x</font></td> </tr> <tr> <td width="238" bgcolor="內容背景顏色/色碼" style="padding:4px" colspan="2" align="left"> <font size="2" color=#000000>內容</font> </td> </tr></table> </div> </td></tr></table> </div>
N全營幕視窗
請將下列語法放在<head>與</head>
<SCRIPT LANGUAGE="JavaScript"> <!-- annie if (this.name!='fullscreen'){ window.open(location.href,'fullscreen','fullscreen,scrollbars') } // annie --> </script>
請將下列語法放在<body>與</body>之間
<center> <a href='javascript:window.close()' Class=ccSeeTitle>關閉窗口</a></center> <form>
注：body語法用作關閉視窗

N無工具列視窗
請將下列語法放在<body>與</body>之間
<a href="javascript://" onClick="window.open('連結網址','','menubar=no,status=yes,scrollbars=yes,top=200,left=200,toolbar=no,width=600,height=500')">連結文字//圖片</a></font></p>
注：
menubar	yes/no	是否要應用選項
status	yes/no	是否要狀態列
scrollbars	yes/no	是否用捲軸
toolbar	yes/no	是否要工具列
top=　 left=		開啟的位置
width＝		視窗寬度
height＝		視窗高度