<html>
<head>
<title>Bunte Ecke</title>
</head>
<body>
<p> <body onload="" onmousemove="movehandler2()" setInterval('move()', 80)">
<script language="JavaScript">
<!--
function movehandler2(){
Xpos=event.clientX;
Ypos=event.clientY;
}
userAgent=navigator.appName + " " + navigator.appVersion;
agentInfo=userAgent.substring(0, 12);
overLink = 0;
yBase = 200;
xBase = 200;
delay = 20;
yAmpl = 10;
yMax = 40;
step = .2;
ystep = .5;
currStep = 0;
tAmpl=1;
Xpos = 50;
Ypos = 50;
j = 0;
var breite;
if (document.layers) {
n = 1; ie = 0; }
else
{ n = 0; ie = 1;
}
function animateLogo()
{
if (n){
yBase = window.innerHeight/6 ;
xBase = window.innerWidth/8;
for ( j = 0 ; j < 4 ; j++ )
{
var layername="p"+j;
if (overLink==1)
{
document.layers["p"+j].top = Ypos + Math.sin(currStep+j*30)*yBase/4;
document.layers["p"+j].left = Xpos + Math.cos(currStep+j*30)*xBase/4;
}
else
{
document.layers["p"+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["p"+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 ) ;
}
else {
yBase = document.body.offsetHeight/6 ;
xBase = document.body.offsetWidth/8;
for ( j = 0 ; j < 4 ; j++ )
{
var layername="p"+j;
if (overLink==1)
{
p0.style.top = Ypos + Math.sin(currStep)*yBase/4;
p0.style.left = Xpos + Math.cos(currStep)*xBase/4;
p1.style.top = Ypos + Math.sin(currStep + 30)*yBase/4;
p1.style.left = Xpos + Math.cos(currStep + 30)*xBase/4;
p2.style.top = Ypos + Math.sin(currStep + 60)*yBase/4;
p2.style.left = Xpos + Math.cos(currStep + 60 )*xBase/4;
p3.style.top = Ypos + Math.sin(currStep + 90)*yBase/4;
p3.style.left = Xpos + Math.cos(currStep + 90)*xBase/4;
}
else
{
p0.style.top=Ypos + Math.cos((20*Math.sin(currStep/20)))*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep)/10);
p0.style.left= Xpos + Math.sin((20*Math.sin(currStep/20)))*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep)/10);
p1.style.top=Ypos + Math.cos((20*Math.sin(currStep/20))+70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 25)/10);
p1.style.left= Xpos + Math.sin((20*Math.sin(currStep/20)) + 70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 25)/10);
p2.style.top=Ypos + Math.cos((20*Math.sin(currStep/20))+140)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 50)/10);
p2.style.left= Xpos + Math.sin((20*Math.sin(currStep/20)) + 140)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 50)/10);
p3.style.top=Ypos + Math.cos((20*Math.sin(currStep/20))+210)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 75)/10);
p3.style.left= Xpos + Math.sin((20*Math.sin(currStep/20)) + 210)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + 75)/10)
}
}
currStep += step;
setTimeout("animateLogo()", delay ) ;
}
}
function MoveHandler(evnt)
{
Xpos = evnt.pageX ;
Ypos = evnt.pageY ;
}
function Galaxy()
{
if(agentInfo >= "Netscape 4.0")
{
document.write("<layer NAME='p0' LEFT='10' TOP='10' Z-INDEX='10' VISIBILITY='SHOW' CLIP='0,0,12,12' IMG SRC='punkt.gif'></layer>");
document.write("<layer NAME='p1' LEFT='10' TOP='10' Z-INDEX='11' VISIBILITY='SHOW' CLIP='0,0,12,12' IMG SRC='punkt.gif'></layer>");
document.write("<layer NAME='p2' LEFT='10' TOP='10' Z-INDEX='12' VISIBILITY='SHOW' CLIP='0,0,12,12' IMG SRC='punkt.gif'></layer>");
document.write("<layer NAME='p3' LEFT='10' TOP='10' Z-INDEX='13' VISIBILITY='SHOW' CLIP='0,0,12,12' IMG SRC='punkt.gif'></layer>");
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = MoveHandler;
animateLogo();
}
else
{
animateLogo();
}
}
// -->
</script>
<div id="p0" style="position:absolute; LEFT:10; TOP:10; Z-INDEX:10; VISIBILITY:sHOW; CLIP:0,0,12,12;"><img SRC="punkt.gif" WIDTH="9" HEIGHT="9"></div>
<div id="p1" style="position:absolute; LEFT:10; TOP:10; Z-INDEX:10; VISIBILITY:sHOW; CLIP:0,0,12,12;"><img SRC="punkt.gif" WIDTH="9" HEIGHT="9"></div>
<div id="p2" style="position:absolute; LEFT:10; TOP:10; Z-INDEX:10; VISIBILITY:sHOW; CLIP:0,0,12,12;"><img SRC="punkt.gif" WIDTH="9" HEIGHT="9"></div>
<div id="p3" style="position:absolute; LEFT:10; TOP:10; Z-INDEX:10; VISIBILITY:sHOW; CLIP:0,0,12,12;"><img SRC="punkt.gif" WIDTH="9" HEIGHT="9"></div>
<script language="JavaScript">
<!--
Galaxy();
// -->
</script></p>
</body>
</html> |