安裝   拷貝以下腳本貼在網頁的<body>之下。

    
<script> // 圖像名稱，多寡隨意。 var tuxlujing=new Array ("maha_n.jpg", "maha_c.jpg") // 圖像與左側的距離 var tuxweizhi_x=100 // 圖像與上端的距離 var tuxweizhi_y=170 // 透視圓圈的大小 var dongdaxiao=120 // 圖像的停頓時間，數值越高則越慢。 var tuxtingdun=60 var tuxyuzai=new Array() for (i=0;i<=tuxlujing.length-1;i++) { tuxyuzai[i]=new Image() tuxyuzai[i].src=tuxlujing[i] } var x,y var julidibu var julizuo var juliding var juliyou var jiading var jiadibu var jiazuo var jiayou var jiadian var tuxgao var tuxkuan var jiezou=25 var i_tuxtingdun=0 var i_tux=0 var buzhoux=12 var buzhouy=6 var jishi var ns6=document.getElementById&&!document.all?1:0 function setValues() { if (document.all) { var thisspan=eval("document.all.tuxneirong") tuxkuan=thisspan.offsetWidth tuxgao=thisspan.offsetHeight juliding=tuxweizhi_y julizuo=tuxweizhi_x julidibu=tuxgao-dongdaxiao+tuxweizhi_y juliyou=tuxkuan-dongdaxiao+tuxweizhi_x document.all.quan.style.posLeft=randommaker(tuxkuan)+tuxweizhi_x document.all.quan.style.posTop=tuxweizhi_y document.all.tuxneirong.style.posLeft=tuxweizhi_x document.all.tuxneirong.style.posTop=tuxweizhi_y movequan() } if (ns6) { tuxkuan=parseInt(document.getElementById("tuxneirong").offsetWidth) tuxgao=parseInt(document.getElementById("tuxneirong").offsetHeight) juliding=tuxweizhi_y julizuo=tuxweizhi_x julidibu=tuxgao-dongdaxiao+tuxweizhi_y juliyou=tuxkuan-dongdaxiao+tuxweizhi_x document.getElementById('quan').style.left=randommaker(tuxkuan)+tuxweizhi_x document.getElementById('quan').style.top=tuxweizhi_y document.getElementById('tuxneirong').style.left=tuxweizhi_x document.getElementById('tuxneirong').style.top=tuxweizhi_y movequan() } if (document.layers) { var thisspan=eval("document.tuxneirong.document") tuxkuan=thisspan.width tuxgao=thisspan.height juliding=tuxweizhi_y julizuo=tuxweizhi_x julidibu=tuxgao-dongdaxiao+tuxweizhi_y juliyou=tuxkuan-dongdaxiao+tuxweizhi_x document.quan.left=randommaker(tuxkuan)+tuxweizhi_x document.quan.top=tuxweizhi_y document.tuxneirong.left=tuxweizhi_x document.tuxneirong.top=tuxweizhi_y movequan() } } function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function movequan() { i_tuxtingdun++ checkposition() if (document.all) { document.all.quan.style.posLeft+=buzhoux document.all.quan.style.posTop+=buzhouy jiading=document.all.quan.style.posTop-tuxweizhi_y jiadibu=jiading+dongdaxiao jiazuo=document.all.quan.style.posLeft-tuxweizhi_x jiayou=jiazuo+dongdaxiao jiadian="rect("+jiading+" "+jiayou+" "+jiadibu+" "+jiazuo+")" document.all.tuxneirong.style.clip=jiadian if (i_tuxtingdun>tuxtingdun) { i_tux++ if (i_tux>tuxlujing.length-1) {i_tux=0} tuxneirong.innerHTML="<img src='"+tuxlujing[i_tux]+"'>" i_tuxtingdun=0 } jishi=setTimeout("movequan()",jiezou) } if (ns6) { document.getElementById('quan').style.left=parseInt(document.getElementById('quan').style.left)+buzhoux document.getElementById('quan').style.top=parseInt(document.getElementById('quan').style.top)+buzhouy jiading=parseInt(document.getElementById('quan').style.top)-tuxweizhi_y jiadibu=jiading+dongdaxiao jiazuo=parseInt(document.getElementById('quan').style.left)-tuxweizhi_x jiayou=jiazuo+dongdaxiao jiadian="rect("+jiading+" "+jiayou+" "+jiadibu+" "+jiazuo+")" document.getElementById('tuxneirong').style.clip=jiadian if (i_tuxtingdun>tuxtingdun) { i_tux++ if (i_tux>tuxlujing.length-1) {i_tux=0} document.getElementById('tuxneirong').innerHTML="<img src='"+tuxlujing[i_tux]+"'>" i_tuxtingdun=0 } jishi=setTimeout("movequan()",jiezou) } if (document.layers) { document.quan.left+=buzhoux document.quan.top+=buzhouy jiading=document.quan.top-tuxweizhi_y jiadibu=jiading+dongdaxiao jiazuo=document.quan.left-tuxweizhi_x jiayou=jiazuo+dongdaxiao document.tuxneirong.clip.left=jiazuo document.tuxneirong.clip.right=jiayou document.tuxneirong.clip.top=jiading document.tuxneirong.clip.bottom=jiadibu if (i_tuxtingdun>tuxtingdun) { i_tux++ if (i_tux>tuxlujing.length-1) {i_tux=0} document.tuxneirong.document.write("<img src='"+tuxlujing[i_tux]+"'>") document.tuxneirong.document.close() i_tuxtingdun=0 } jishi=setTimeout("movequan()",jiezou) } } function checkposition() { if (document.all) { if (document.all.quan.style.posLeft>=juliyou) { buzhoux=buzhoux*-1 document.all.quan.style.posLeft-=10 } if (document.all.quan.style.posLeft<=julizuo) { buzhoux=buzhoux*-1 document.all.quan.style.posLeft+=10 } if (document.all.quan.style.posTop>=julidibu) { buzhouy=buzhouy*-1 document.all.quan.style.posTop-=10 } if (document.all.quan.style.posTop<=juliding) { buzhouy=buzhouy*-1 document.all.quan.style.posTop+=10 } } if (ns6) { if (parseInt(document.getElementById('quan').style.left)>=juliyou) { buzhoux=buzhoux*-1 document.getElementById('quan').style.left=parseInt(document.getElementById('quan').style.left)-10 } if (parseInt(document.getElementById('quan').style.left)<=julizuo) { buzhoux=buzhoux*-1 document.getElementById('quan').style.left=parseInt(document.getElementById('quan').style.left)+10 } if (parseInt(document.getElementById('quan').style.top)>=julidibu) { buzhouy=buzhouy*-1 document.getElementById('quan').style.top=parseInt(document.getElementById('quan').style.top)-10 } if (parseInt(document.getElementById('quan').style.top)<=juliding) { buzhouy=buzhouy*-1 document.getElementById('quan').style.top=parseInt(document.getElementById('quan').style.top)+10 } } if (document.layers) { if (document.quan.left>=juliyou) { buzhoux=buzhoux*-1 document.quan.left-=10 } if (document.quan.left<=julizuo) { buzhoux=buzhoux*-1 document.quan.left+=10 } if (document.quan.top>=julidibu) { buzhouy=buzhouy*-1 document.quan.top-=10 } if (document.quan.top<=juliding) { buzhouy=buzhouy*-1 document.quan.top+=10 } } } if (document.all) { document.write("<DIV id='tuxneirong' style='position: absolute; top:-5000px; left:-5000px'><img src='"+tuxlujing[0]+"' border=0></DIV>") if (navigator.appVersion.indexOf("Mac") > 0) { document.write("<DIV id='quan' style='position:absolute; top:-50px; width:"+dongdaxiao+"px;height:"+dongdaxiao+"px'></DIV>") } else { document.write("<DIV id='quan' style='position:absolute; top:-50px; width:"+dongdaxiao+"px;height:"+dongdaxiao+"px;background-color:#D9F5FC;filter:alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX="+dongdaxiao+"px,finishY="+dongdaxiao+"px)'></DIV>") } } else if (ns6) { document.write("<DIV id='tuxneirong' style='position: absolute; top:-5000px; left:-5000px'><img src='"+tuxlujing[0]+"' border=0></DIV>") document.write("<DIV id='quan' style='position:absolute; top:-50px; width:"+dongdaxiao+"px;height:"+dongdaxiao+"px;'></DIV>") } else if (document.layers) { document.write("<layer name='tuxneirong' top=-5000 left=-5000><img src='"+tuxlujing[0]+"' border=0></layer>") document.write("<layer name='quan' top=-500 width="+dongdaxiao+" height="+dongdaxiao+"></layer>") document.close() } else { document.write("<DIV id='tuxneirong' style='position:absolute; top:"+tuxweizhi_y+"px;left:"+tuxweizhi_x+"px'><img src='"+tuxlujing[0]+"' border=0></DIV>") document.close() } if (document.all || document.layers || ns6) { window.onload=setValues } </script>