不要触動鼠標，5秒後即可啟動“屏幕保護”畫面。到時触動鼠標，又即刻返回本頁。
這個腳本須要制作兩個網頁，即原網頁與“屏幕保護”效果網頁。

安裝

步驟一  拷貝以下腳本後貼在原網頁的<head></head>之間。

    
<script language="JavaScript"> <!-- Timeout=5000 // 設定靜止多長時間後啟動屏幕保護(千分之一秒) Timer="" function oStatic() { clearTimeout(Timer) if(timerRunning == true||blurred==1){ return } timerRunning = true win1=window.open("pinmu_baohu2.html",'','fullscreen') Timer=setTimeout("oStatic()",Timeout) } opened=0 function oActive(){ clearTimeout(Timer) if(opened==1){return} timerRunning = false Timer=setTimeout("oStatic()",Timeout) } document.onmousemove=oActive document.onmousedown=oActive document.onkeypress=oActive setTimeout("oActive()",1000) //--> </script>

步驟二  把下列代碼放置在<body>的標記內。

onblur="blurred='1'" onfocus="blurred='0';oActive()"

樣板：

<body onblur="blurred='1'" onfocus="blurred='0';oActive()">

步驟三  下載以下五個星球圖像，存放在與相關網頁同一個文件夾內。

步驟四  拷貝以下腳本後貼在另一個將作為“屏幕保護”效果的網頁的<head></head>之間。(為配合本示範腳本，應定該網頁名稱為pinmu_baohu2.html)

    
<style> v\:* {BEHAVIOR: url(#default#VML)} body{ scrollbar-Face-Color:#025B75; scrollbar-Base-Color:#025B75; scrollbar-DarkShadow-Color:#025B75; scrollbar-3dLight-Color:#025B75; scrollbar-Arrow-Color:#025B75; scrollbar-Highlight-Color:#025B75; scrollbar-Shadow-Color:#025B75; scrollbar-Track-Color:#025B75; } </style> <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; //--> </script> <script language="JavaScript"> <!-- function init(){ opener.opened=1 ignore=0 document.onmousemove=gone document.onmousedown=gone document.onkeypress=gone } function gone(){ if(ignore==0){ ignore=1 return} opener.opened=0 self.close() } setTimeout("init()",1000) //--> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- function Init(){ W=document.body.clientWidth H=document.body.clientHeight posx=Math.round(Math.random()*W) posy=Math.round(Math.random()*H) randomX() randomY() } step=10 speed=50 function randomX(){ randx = Math.round(Math.random()*W); if( randx > W ){ randomX(); } } function moveX(){ if (posx>= randx-step&&posx<=randx+step){ randomX(); } (posx<randx?posx+=step:posx-=step) motion(); setTimeout("moveX()", speed); } function randomY(){ randy = Math.round(Math.random()*H); if( randy > H ){ randomY(); } } function moveY(){ if (posy>=randy-step&&posy<=randy+step){ randomY(); } (posy<randy?posy+=step:posy-=step) motion(); setTimeout("moveY()", speed); } function motion(){ moveme1.style.pixelLeft=posx moveme1.style.pixelTop=posy moveme1.style.visibility="visible" } setTimeout("moveX();moveY()",1000) setTimeout("Init()",750) // --> </script> <script language="JavaScript1.2"> grphcs=new Array(5) Image0=new Image(); Image0.src=grphcs[0]="xq1.gif" Image1=new Image(); Image1.src=grphcs[1]="xq2.gif" Image2=new Image(); Image2.src=grphcs[2]="xq3.gif" Image3=new Image(); Image3.src=grphcs[3]="xq4.gif" Image4=new Image(); Image4.src=grphcs[4]="xq5.gif" Amount=20; Ypos=new Array(); Xpos=new Array(); Zpos=new Array(); //SpeedX=new Array(); //SpeedY=new Array(); ScrXpos=new Array(); ScrYpos=new Array(); Speed=new Array(); Size=new Array(); Step=new Array(); ns=(document.layers)?1:0; ie=document.all&&navigator.userAgent.indexOf("Opera")==-1 if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } //end for } //end if else if (ie){ //IE document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si'+i+'" src="'+grphcs[Math.round((i+1)*(grphcs.length-1)/Amount)]+'"style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } if (ie||ns){ WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } } function fly(){ var WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; var WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns)?window.pageYOffset:document.body.scrollTop; for (i=0; i < Amount; i++){ Zpos[i]-=Speed[i]; if (ScrXpos[i]>WinWidth || ScrXpos[i]<0 || ScrYpos[i]>WinHeight || ScrYpos[i]<0 || Zpos[i]<=0) { //generate new stars Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } ScrXpos[i]=Xpos[i]/Zpos[i]*100 + WinWidth/2; ScrYpos[i]=Ypos[i]/Zpos[i]*100 + WinHeight/2; if (ns){ document.layers['sn'+i].left=ScrXpos[i]; document.layers['sn'+i].top=ScrYpos[i]+hscrll; } else{ //IE eval("document.all.si"+i).style.left=ScrXpos[i]; eval("document.all.si"+i).style.top=ScrYpos[i]+hscrll; } } //end for setTimeout('fly()',20); } //end fly if (ie||ns) window.onload=fly //--> </SCRIPT>