AceJS.com > Script number: 117014

The Script

Clicking on the Start button more than once
will make the script change its light display!

The Source

The images: Right Click on them and choose "Save Picture As..." from the menu. (Make sure you Don't change their filenames and you save all of them in the same folder)

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY>

<div id="main" style="position:absolute;top:50px;left:20px; width:140px; height:140px; background-color:#000000;border-style:groove;border-width:2px; border-color:#FF0000;">
<div id="light0" style="position:absolute;top:0; left:0;"><img src="1.gif"></div>
<div id="light1" style="position:absolute;top:0; left:0;"><img src="1.gif"></div>
<div id="light2" style="position:absolute;top:0; left:0;"><img src="1.gif"></div>
<div id="light3" style="position:absolute;top:0; left:0;"><img src="1.gif"></div>
<div id="light4" style="position:absolute;top:0; left:0;"><img src="1.gif"></div>
</div>
<center><form name="settings">
<input type="button" onClick="keepGoing=false;" value="     Stop     ">
<input type="button" onClick="keepGoing=true;goNow();" value="     Start     ">
</form>
</center>

<SCRIPT LANGUAGE="JavaScript">
var L1  = document.all.light0.style;
var L2  = document.all.light1.style;
var L3  = document.all.light2.style;
var L4  = document.all.light3.style;
var L5  = document.all.light4.style;
var i = 0;
var keepGoing = true;
var tOut = 10;
var L1X = 20;
var L2X = 30;
var L3X = 40;
var L4X = 50;
var L5X = 60;
var MX = 65;
var MY = 65;
function goNow(){
i++;
L1.top  = L1X * Math.sin(i) + MY;
L1.left = L1X * Math.cos(i) + MX;
L2.top  = L2X * Math.sin(i) + MY;
L2.left = L2X * Math.cos(i) + MX;
L3.top  = L3X * Math.sin(i) + MY;
L3.left = L3X * Math.cos(i) + MX;
L4.top  = L4X * Math.sin(i) + MY;
L4.left = L4X * Math.cos(i) + MX;
L5.top  = L5X * Math.sin(i) + MY;
L5.left = L5X * Math.cos(i) + MX;
if (keepGoing){setTimeout('goNow()',tOut);}
}
</SCRIPT>
<P><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B>
</BODY>
</HTML>