Usefull Scripts: Background effect in webpage (alien-spacecraft effect)

Copy and past .... this code where .. u .. want..
<br><!-- this script got from <br>http://usefull-script.blogspot.com/Coded by: Ratnakar Mishra&nbsp; --><br><br><br><!-- THREE STEPS TO INSTALL ALIEN SPACECRAFT:<br><br>&nbsp; 1.&nbsp; Copy the coding into the HEAD of your HTML document<br>&nbsp; 2.&nbsp; Add the onLoad event handler into the BODY tag<br>&nbsp; 3.&nbsp; Put the last coding into the BODY of your HTML document&nbsp; --><br><br><!-- STEP ONE: Paste this code into the HEAD of your HTML document&nbsp; --><br><br><HEAD><br><br><SCRIPT LANGUAGE="JavaScript"><br><br><br><!-- Begin<br>var isNS = ((navigator.appName == "Netscape") &amp;&amp; (parseInt(navigator.appVersion) >= 4));<br>var _all = '';<br>var _style = '';<br>var wwidth, wheight;<br>var ydir = '++';<br>var xdir = '++';<br>var id1, id2, id3;<br>var x = 1;<br>var y = 1;<br>var x1, y1;<br>if(!isNS) {<br>_all='all.';<br>_style='.style';<br>}<br>function getwindowsize() {<br>clearTimeout(id1);<br>clearTimeout(id2);<br>clearTimeout(id3);<br>if (isNS) {<br>wwidth = window.innerWidth - 55;<br>wheight = window.innerHeight - 50;<br>} else {<br>wwidth = document.body.clientWidth - 55;<br>wheight = document.body.clientHeight - 50;<br>}<br>id3 = setTimeout('randomdir()', 20000);<br>animate();<br>}<br>function randomdir() {<br>if (Math.floor(Math.random()*2)) {<br>(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';<br>} else {<br>(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';<br>}<br>id2 = setTimeout('randomdir()', 20000);<br>}<br>function animate() {<br>eval('x'+xdir);<br>eval('y'+ydir);<br>if (isNS) {<br>pic1.moveTo((x+pageXOffset),(y+pageYOffset))<br>} else {<br>pic1.pixelLeft = x+document.body.scrollLeft;<br>pic1.pixelTop = y+document.body.scrollTop;<br>}<br>if (isNS) {<br>if (pic1.top <= 5+pageYOffset) ydir = '++';<br>if (pic1.top >= wheight+pageYOffset) ydir = '--';<br>if (pic1.left >= wwidth+pageXOffset) xdir = '--';<br>if (pic1.left <= 5+pageXOffset) xdir = '++';<br>} else {<br>if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';<br>if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';<br>if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';<br>if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';<br>}<br>id1 = setTimeout('animate()', 30);<br>}<br>//  End --><br></script><br></HEAD><br><br><!-- STEP TWO: Insert the event handlers into your BODY tag&nbsp; --><br><br><BODY OnLoad="getwindowsize()" OnResize="getwindowsize()" background="space.jpg"><br><br><!-- STEP THREE: Copy this code into the BODY of your HTML document&nbsp; --><br><br><div id="pic1" style="position:absolute; visibility:visible; left:0px; top:0px; z-index:-1"><br><img src="alien.gif" border="0"><br></div><br><br><script language="javascript"><br>var pic1=eval('document.'+_all+'pic1'+_style);<br></script><br><br><br> <br><br><br><br><br> <br><font face="Tahoma"><a target="_blank" href="http://usefull-script.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a> </font><br /><br><br /><br><br><br><br>
Usefull Scripts

Monday, October 26, 2009

Background effect in webpage (alien-spacecraft effect)

No comments:

Post a Comment

Best script category

Blog Archive

Followers

About Me

Number of visitors
