mausfverolger

ja ich arbeite noch drann, denn ich habe jetzt viel um die ohren wegen der Schule aber einen kann ich euch geben (arbeite noch drann)

 

jajaja die meisten habe ich selber geschrieben so wie diesen hier:

es soll ein Teddy Mausverfolger sein:

probiert ihn aus ob er euch gefällt ihr musst einfan auf HTML-modos klicken und dann diesen code einfügen ([bitte vorher hier kopieren]diese Anweisung ist nur für beepworldbenutzer)

 

für andere Homepagebauer klicked einfach diesen (z.b.Knopf oder andere arten ) an und fügt diesen code ein aber auch vorher hier kopieren !!!!

ein kleinen dankeschön bekomme ich wohl auch oder???

ihr solltet mich weiter empfehlen, ins gästebuch schreiben und abstimmen(vote oder bild der woche)

bitte ich hoffe der Teddy gefällt euch:

Eines müsst ihr machen bevor ihr einfach alles kopiert!!!!

ihr müsst verstehen dass wenn ich den Code eingebe dann kommt nur das bild ok Ich mache wenns geht ein Beispiel und den Code!!!!!

Aber der Code Bekommt Von mir Hinten und Vorne Diese Wörter hinzugefügt <"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"> ok der ist vorne und hinter !!!!!(bitte mit den Zeichen<,>, "" entfernen!!!!!!!!!!!!!!!!!!!!!!!!!)

diese Wörter bitte beim Code weg lassen!!!!!!!!! ok

 

Nun der Teddy:

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"><script language="javascript">

   B=document.all;C=document.layers;

T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/geschenk.gif",35,35)

nos=parseInt(T1.length/3)

//rate=100000

for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}

function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}}

function closeContainer(){document.write((B)?"</div>":"</layer>")}

function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left}

function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top}

function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY}

function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}}

function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)}

if(document.layers)document.captureEvents(Event.MOUSEMOVE)

else if (B)document.body.onscroll=newPos

document.onmousemove=newPos

//setInterval("cycle()",rate);

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN" >

 

Ein Tauros(Stier):

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"><SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/taurus.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/taurus.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/taurus.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/taurus.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/taurus.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 10);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

 

Ball:

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"><SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="HEIGHT: 12px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 12px"></div><div

id="dot1" style="HEIGHT: 12px; POSITION: absolute; WIDTH: 12px">

 

<p><img src="http://www.bemos.de/Bilder/Maus/9.gif" WIDTH="15" HEIGHT="15"></p>

</div><div id="dot2" style="HEIGHT: 12px; POSITION: absolute; WIDTH: 12px">

 

<p><img src="http://www.bemos.de/Bilder/Maus/9.gif" WIDTH="15" HEIGHT="15"></p>

</div><div id="dot3" style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px">

 

<p><img src="http://www.bemos.de/Bilder/Maus/9.gif" WIDTH="15" HEIGHT="15"></p>

</div><div id="dot4" style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px">

 

 

 

<p><img src="http://www.bemos.de/Bilder/Maus/9.gif" WIDTH="15" HEIGHT="15"></p>

</div><script language="JavaScript">

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

var DELTAT = .01;

 

var SEGLEN = 20;

 

var SPRINGK = 10;

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 11;

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init() {

 

var i = 0;

 

for (i = 0; i < nDots; i++) {

 

dots[i] = new dot(i);

 

}

 

 

 

if (!isNetscape) {

 

}

 

for (i = 0; i < nDots; i++) {

 

dots[i].obj.left = dots[i].X;

 

dots[i].obj.top = dots[i].Y;

 

}

 

 

 

if (isNetscape) {

 

startanimate();

 

} else {

 

// let dots sit there for a few seconds

 

// sincey they're hiding on the real bullets

 

setTimeout("startanimate()", 500);

 

   }

 

}

 

 

 

function dot(i) {

 

this.X = Xpos;

 

this.Y = Ypos;

 

this.dx = 0;

 

this.dy = 0;

 

if (isNetscape) {

 

this.obj = eval("document.dot" + i);

 

} else {

 

this.obj = eval("dot" + i + ".style");

 

   }

 

}

 

 

 

function startanimate() {

 

setInterval("animate()", 10);

 

}

 

function setInitPositions(dots) {

 

var startloc = document.all.tags("LI");

 

var i = 0;

 

for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

dots[i+1].X = startloc[i].offsetLeft

 

startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

dots[i+1].Y = startloc[i].offsetTop +

 

startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

}

 

dots[0].X = dots[1].X;

 

dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

function MoveHandler(e)

 

{

 

Xpos = e.pageX;

 

Ypos = e.pageY;

 

return true;

 

}

 

function MoveHandlerIE() {

 

Xpos = window.event.x;

 

Ypos = window.event.y;

 

}

 

if (isNetscape) {

 

document.captureEvents(Event.MOUSEMOVE);

 

document.onMouseMove = MoveHandler;

 

} else {

 

document.onmousemove = MoveHandlerIE;

 

}

 

 

 

function vec(X, Y) {

 

this.X = X;

 

this.Y = Y;

 

}

 

function springForce(i, j, spring) {

 

var dx = (dots[i].X - dots[j].X);

 

var dy = (dots[i].Y - dots[j].Y);

 

var len = Math.sqrt(dx*dx + dy*dy);

 

if (len > SEGLEN) {

 

var springF = SPRINGK * (len - SEGLEN);

 

spring.X += (dx / len) * springF;

 

spring.Y += (dy / len) * springF;

 

   }

 

}

 

 

 

function animate() {

 

var start = 0;

 

if (followmouse) {

 

dots[0].X = Xpos;

 

dots[0].Y = Ypos;

 

start = 1;

 

}

 

 

 

for (i = start ; i < nDots; i++ ) {

 

var spring = new vec(0, 0);

 

if (i > 0) {

 

springForce(i-1, i, spring);

 

}

 

if (i < (nDots - 1)) {

 

springForce(i+1, i, spring);

 

}

 

var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);

 

var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);

 

dots[i].dx += (DELTAT * accel.X);

 

dots[i].dy += (DELTAT * accel.Y);

 

if (Math.abs(dots[i].dx) < STOPVEL &&

 

Math.abs(dots[i].dy) < STOPVEL &&

 

Math.abs(accel.X) < STOPACC &&

 

Math.abs(accel.Y) < STOPACC) {

 

dots[i].dx = 0;

 

dots[i].dy = 0;

 

}

 

dots[i].X += dots[i].dx;

 

dots[i].Y += dots[i].dy;

 

var height, width;

 

if (isNetscape) {

 

height = window.innerHeight;

 

width = window.innerWidth;

 

} else {

 

height = document.body.clientHeight;

 

width = document.body.clientWidth;

 

}

 

if (dots[i].Y >=  height - DOTSIZE - 1) {

 

if (dots[i].dy > 0) {

 

dots[i].dy = BOUNCE * -dots[i].dy;

 

}

 

dots[i].Y = height - DOTSIZE - 1;

 

}

 

if (dots[i].X >= width - DOTSIZE) {

 

if (dots[i].dx > 0) {

 

dots[i].dx = BOUNCE * -dots[i].dx;

 

}

 

dots[i].X = width - DOTSIZE - 1;

 

}

 

if (dots[i].X < 0) {

 

if (dots[i].dx < 0) {

 

dots[i].dx = BOUNCE * -dots[i].dx;

 

}

 

dots[i].X = 0;

 

}

 

// move img to new position

 

dots[i].obj.left = dots[i].X;

 

dots[i].obj.top =  dots[i].Y;

 

}

 

}

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Bird:

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"><SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/bbird.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bbird.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bbird.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bbird.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bbird.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {        

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

 

Hund:

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/hund.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/hund.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/hund.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/hund.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/hund.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 10);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

 

 

Löwe:

 

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 10);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {        

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Bisasam:

 

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN"><SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/bulbasaur.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bulbasaur.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bulbasaur.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bulbasaur.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/bulbasaur.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

 

Charlie Brown:

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/charlie.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/charlie.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/charlie.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/charlie.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/charlie.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Clown:

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/binky.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/binky.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/binky.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/binky.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/binky.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Dino:

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/dino.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dino.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dino.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dino.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dino.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 10);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Dollar($):

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/dollar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dollar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dollar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dollar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/dollar.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Jaguar:

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/jaguar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/jaguar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/jaguar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/jaguar.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/jaguar.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 10);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script><"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

 

Klumanda:

<"MEINCODEFÜRMAUSVERFOLGERISTIMMERZUGEBRAUCHEN">

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/manda.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/manda.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/manda.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/manda.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/manda.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this for now

 

        // setInitPositions(dots)

 

    }

 

   

 

    // set their positions

 

    for (i = 0; i < nDots; i++) {

 

        dots[i].obj.left = dots[i].X;

 

        dots[i].obj.top = dots[i].Y;

 

    }

 

    if (isNetscape) {

 

        // start right away since they are positioned

 

        // at 0, 0

 

        startanimate();

 

    } else {

 

        // let dots sit there for a few seconds

 

        // since they're hiding on the real bullets

 

        setTimeout("startanimate()", 500);

 

    }

 

}

 

function dot(i)

 

{

 

    this.X = Xpos;

 

    this.Y = Ypos;

 

    this.dx = 0;

 

    this.dy = 0;

 

    if (isNetscape) {  

 

        this.obj = eval("document.dot" + i);

 

    } else {

 

        this.obj = eval("dot" + i + ".style");

 

    }

 

}

 

function startanimate() {      

 

    setInterval("animate()", 20);

 

}

 

// This is to line up the bullets with actual LI tags on the page

 

// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why

 

// Still doesn't work great

 

function setInitPositions(dots)

 

{

 

    // initialize dot positions to be on top

 

    // of the bullets in the <ul>

 

    var startloc = document.all.tags("LI");

 

    var i = 0;

 

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

 

        dots[i+1].X = startloc[i].offsetLeft

 

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

 

        dots[i+1].Y = startloc[i].offsetTop +

 

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

 

    }

 

    // put 0th dot above 1st (it is hidden)

 

    dots[0].X = dots[1].X;

 

    dots[0].Y = dots[1].Y - SEGLEN;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandler(e)

 

{

 

    Xpos = e.pageX;

 

    Ypos = e.pageY;      

 

    return true;

 

}

 

// just save mouse position for animate() to use

 

function MoveHandlerIE() {

 

    Xpos = window.event.x + document.body.scrollLeft;

 

    Ypos = window.event.y + document.body.scrollTop;     

 

}

 

if (isNetscape) {

 

    document.captureEvents(Event.MOUSEMOVE);

 

    document.onMouseMove = MoveHandler;

 

} else {

 

    document.onmousemove = MoveHandlerIE;

 

}

 

function vec(X, Y)

 

{

 

    this.X = X;

 

    this.Y = Y;

 

}

 

// adds force in X and Y to spring for dot[i] on dot[j]

 

function springForce(i, j, spring)

 

{

 

    var dx = (dots[i].X - dots[j].X);

 

    var dy = (dots[i].Y - dots[j].Y);

 

    var len = Math.sqrt(dx*dx + dy*dy);

 

    if (len > SEGLEN) {

 

        var springF = SPRINGK * (len - SEGLEN);

 

        spring.X += (dx / len) * springF;

 

        spring.Y += (dy / len) * springF;

 

    }

 

}

 

function animate() {   

 

    // dots[0] follows the mouse,

 

    // though no dot is drawn there

 

    var start = 0;

 

    if (followmouse) {

 

        dots[0].X = Xpos;

 

        dots[0].Y = Ypos;      

 

        start = 1;

 

    }

 

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

 

        if (i > 0) {

 

            springForce(i-1, i, spring);

 

        }

 

        if (i < (nDots - 1)) {

 

            springForce(i+1, i, spring);

 

        }

 

        // air resisitance/friction

 

        var resist = new vec(-dots[i].dx * RESISTANCE,

 

            -dots[i].dy * RESISTANCE);

 

        // compute new accel, including gravity

 

        var accel = new vec((spring.X + resist.X)/ MASS,

 

            (spring.Y + resist.Y)/ MASS + GRAVITY);

 

        // compute new velocity

 

        dots[i].dx += (DELTAT * accel.X);

 

        dots[i].dy += (DELTAT * accel.Y);

 

        // stop dead so it doesn't jitter when nearly still

 

        if (Math.abs(dots[i].dx) < STOPVEL &&

 

            Math.abs(dots[i].dy) < STOPVEL &&

 

            Math.abs(accel.X) < STOPACC &&

 

            Math.abs(accel.Y) < STOPACC) {

 

            dots[i].dx = 0;

 

            dots[i].dy = 0;

 

        }

 

        // move to new position

 

        dots[i].X += dots[i].dx;

 

        dots[i].Y += dots[i].dy;

 

        // get size of window

 

        var height, width;

 

        if (isNetscape) {

 

            height = window.innerHeight + document.scrollTop;

 

            width = window.innerWidth + document.scrollLeft;

 

        } else {       

 

            height = document.body.clientHeight + document.body.scrollTop;

 

            width = document.body.clientWidth + document.body.scrollLeft;

 

        }

 

        // bounce of 3 walls (leave ceiling open)

 

        if (dots[i].Y >=  height - DOTSIZE - 1) {

 

            if (dots[i].dy > 0) {

 

                dots[i].dy = BOUNCE * -dots[i].dy;

 

            }

 

            dots[i].Y = height - DOTSIZE - 1;

 

        }

 

        if (dots[i].X >= width - DOTSIZE) {

 

            if (dots[i].dx > 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = width - DOTSIZE - 1;

 

        }

 

        if (dots[i].X < 0) {

 

            if (dots[i].dx < 0) {

 

                dots[i].dx = BOUNCE * -dots[i].dx;

 

            }

 

            dots[i].X = 0;

 

        }

 

        // move img to new position

 

        dots[i].obj.left = dots[i].X;                  

 

        dots[i].obj.top =  dots[i].Y;          

 

    }

 

}

 

//-->

 

</script>

 

Löwe:

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

 <!--

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes";win=window.open(mypage,myname,settings);

win.blur();}

// -->

</script>

<body onLoad="NewWindow('http://www.bemos.de/traffic.htm','mypopup','1024','800','center','back');"return false " onFocus= "this.blur();">

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot1" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot2" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot3" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

<div id="dot4" style="position: absolute; height: 32; width: 32;">

 

<img SRC="http://www.bemos.de/Mausbilder/lowe.gif" NOSAVE height=32 width=32></div>

 

 

 

 

 

 

<script LANGUAGE="JavaScript">

 

<!--// Author: Benjamin Mosbach. webmaster@bemos.de

 

var nDots = 5;

 

var Xpos = 0;

 

var Ypos = 0;

 

  // fixed time step, no relation to real time

 

var DELTAT = .01;

 

  // size of one spring in pixels

 

var SEGLEN = 20;

 

  // spring constant, stiffness of springs

 

var SPRINGK = 10;

 

  // all the physics is bogus, just picked stuff to

 

  // make it look okay

 

var MASS = 1;

 

var GRAVITY = 50;

 

var RESISTANCE = 20;

 

  // stopping criterea to prevent endless jittering

 

  // doesn't work when sitting on bottom since floor

 

  // doesn't push back so acceleration always as big

 

  // as gravity

 

var STOPVEL = 0.1;

 

var STOPACC = 0.1;

 

var DOTSIZE = 15;

 

  // BOUNCE is percent of velocity retained when

 

  // bouncing off a wall

 

var BOUNCE = 0.75;

 

var isNetscape = navigator.appName=="Netscape";

 

  // always on for now, could be played with to

 

  // let dots fall to botton, get thrown, etc.

 

var followmouse = true;

 

var dots = new Array();

 

init();

 

function init()

 

{

 

    var i = 0;

 

    for (i = 0; i < nDots; i++) {

 

        dots[i] = new dot(i);

 

    }

 

   

 

    if (!isNetscape) {

 

        // I only know how to read the locations of the

 

        // <LI> items in IE

 

        //skip this