Java for the Micro Pigs
Put this bit into your webpage before the </head> tag
<style type="text/css">
<!-- Begin CSS
#a { position: absolute; top: 10px; left: 10px; visibility:
visible }
#b { position: absolute; top: 10px; left: 10px; visibility:
visible }
#c { position: absolute; top: 10px; left: 10px; visibility:
visible }
End CSS -->
</style>
Put this next bit after the <body> tag of your page
<LAYER NAME="a" LEFT=10 TOP=10 VISIBILITY=SHOW img
src=micro1.gif></LAYER>
<LAYER NAME="b" LEFT=10 TOP=10 VISIBILITY=SHOW img
src=micro2.gif></LAYER>
<LAYER NAME="c" LEFT=10 TOP=10 VISIBILITY=SHOW img
src=micro3.gif></LAYER>
<script language="JavaScript1.2"><!-- Begin var
ns=document.layers ? 1 : 0;
if (ns) { window.captureEvents(Event.MOUSEMOVE);
var yBase = 200; var xBase = 200; var delay = 10; var
yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep
= 0;
var tAmpl=1; var Xpos = 50; var Ypos = 50; var j = 0; function MoveHandler(evnt)
{ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = MoveHandler;
function animateLogo() { yBase = window.innerHeight/4
; xBase = window.innerWidth/4; for ( j = 0 ; j < 3 ; j++ ) {
document.layers[j].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ j*25)/10);
document.layers[j].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ j*25)/10);
} currStep += step; setTimeout("animateLogo()", delay);
} animateLogo(); } // End -->
</script>
Just Ctrl-C Ctrl-V the Java into your page and you've got micropigs!
