![]() |
|
页面特效之--夜晚的星空
|
||||||||||||||||||||||||||||||||||||||||||||||||||||
广告招租,e-mail:yesize@hotmail.com <head> <style type=text/css> #sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9 { position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10; } </style> <SCRIPT LANGUAGE=JavaScript1.2> <!-- /*描述: 想象一下把你的页面设计的象黑夜那神秘的太空,流星时不时的划过,该是多么的美丽的一幅画面啊. 而这的确很容易办到.只要把这段源代码存为html文件便完成了. 试试吧! */ var ns=(document.layers); var ie=(document.all); var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1)); //my way of making sure the browser will have what I need var allDivs = new Array(10); var documentWidth,documentHeight; function initAll(){ if(!ns && !ie && !w3) return; for(dNum=0; dNum<10; ++dNum){ if(ie) allDivs[dNum]=eval(document.all.sDiv+dNum+.style); else if(ns) allDivs[dNum]=eval(document.layers[sDiv+dNum+]); else if(w3) allDivs[dNum]=eval(document.getElementById(sDiv+dNum+).style); moveTo(dNum,0,0); } } function moveTo(i,tempx,tempy){ if (ie){ documentWidth =document.body.offsetWidth+document.body.scrollLeft-20; randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20; } else if (ns){ documentWidth=window.innerWidth+window.pageXOffset-20; randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20; } else if (w3){ documentWidth=self.innerWidth+window.pageXOffset-20; randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20; } if(tempx>-50){ tempx-=45; allDivs[i].left=tempx; allDivs[i].top =tempy; setTimeout(moveTo(+i+,+tempx+,+tempy+),40) } else setTimeout(moveTo(+i+,documentWidth-10,randomy),2000/i+40); } window.onload=initAll //End--> </script> </head> <BODY aLink=#008000 bgColor=#000000 leftMargin=0 link=#ffff00 text=#ffffff vLink=#00ff00 marginwidth=0> <div id=sDiv0>*</div> <div id=sDiv1>*</div> <div id=sDiv2>*</div> <div id=sDiv3>*</div> <div id=sDiv4>*</div> <div id=sDiv5>*</div> <div id=sDiv6>*</div> <div id=sDiv7>*</div> <div id=sDiv8>*</div> <div id=sDiv9>*</div> </body>
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||