Webmaster - Tools

Mausspur

Beispiel: siehe Mauszeiger

Quellcode

(kopieren Sie den Quellcode und fügen Sie ihn in die entsprechenden Bereiche Ihrer Webeite ein)

Head-Bereich

<SCRIPT>
   <!--
   var x, y;
   var step = 10;
   var flag = 0;

// Geben Sie hier den Text ein der am Mauszeiger
// angezeigt werden soll.

   var message = " Ihr Text hier..........";
   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 trace() {
    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("trace()", 30); }

   //-->
  </SCRIPT>

Body-onload

Body

<SCRIPT LANGUAGE="JavaScript">
   <!--
   for (i=0; i<=message.length-1; i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>");
    document.write(message[i]);
    document.write("</span>"); }
   if (document.layers)
    document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = handlerMM;
   // -->
  </SCRIPT>

towoc.de - Home

towoc.de - Webmastertools