Fliegender Text

Erzeugen Sie einen kleinen Text, der immer dem Mauszeiger folgt. Ein toller Effekt.

1.) Dieser Teil muss in den Bereich zwischen <head> und </head>

<script>

/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
*/

var x,y
var step=20
var flag=0

// Ihre Nachricht. Wichtig! Das "e" am Ende darf nicht fehlen!!!!!!!!
var message="Sachen-fuer-webmaster.dee"
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
  xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
  ypos[i]=-50
}

function handlerMM(e){
  x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
  y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
  flag=1
}

function makesnake() {
  if (flag==1 && document.all) {
    for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
    }
    xpos[0]=x+step
    ypos[0]=y

    for (i=0; i<message.length-1; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
      thisspan.posTop=ypos[i]
    }
  } else if (flag==1 && document.layers) {
    for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
    }
    xpos[0]=x+step
    ypos[0]=y

    for (i=0; i<message.length-1; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
      thisspan.top=ypos[i]
    }
  }
  var timer=setTimeout("makesnake()",30)
}
</script>

2.) Das Body-Tag muss wie folgt erweitert werden:

<body onLoad="makesnake()" >

3.) Und nun noch diese Anweisung in den Bereich zwischen <body> und </body>:

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
  document.write("")
  document.write(message[i])
  document.write("")
}

if (document.layers){
  document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>