Ramona: komplizierte Navigation ... Kann einer helfen?

Beitrag lesen

hier einfach mal das script was ich habe:

var Ver4=parseInt(navigator.appVersion.charAt(0))>=4
var IE=navigator.appName.indexOf("Microsoft")!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32

function BewegeSkate()
{ // Neue Position des Skate berechnen
  if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
  else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
  if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
  else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }

// entsprechende Grafik in Bezug zur Maus-Position waehlen
  imagesrc=""
  if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
  { imagesrc="skate-l.gif"
    if ( (x0-ex) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="skate-lo.gif"
      if (ey>y0) imagesrc="skate-lu.gif"
    }
  }
  if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
  { imagesrc="skate-r.gif"
    if ( (ex-x0) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="skate-ro.gif"
      if (ey>y0) imagesrc="skate-ru.gif"
    }
  }
  if (imagesrc=="")
  { if (ey<y0) imagesrc="skate-o.gif"
    if (ey>y0) imagesrc="skate-u.gif"
    if ((ex==x0)&&(ey==y0)) imagesrc="skate.gif"
  }

// Grafik und Position setzen
  if (Ver4)
  { if (!IE)
    { document.SkateLayer.document.images.skate.src=imagesrc }
    else document.all.SkateLayer.document.images.skate.src=imagesrc
  }
  al.left=x0-32
  al.top=y0

setTimeout("BewegeSkate();",100)
}

function MeinMausEvent(e)
{ // Position des Maus-Cursors ermitteln
  if (Ver4)
  { if (!IE)
    { ex=e.pageX
      ey=e.pageY }
    else
    { ex=event.clientX + document.body.scrollLeft
      ey=event.clientY + document.body.scrollTop }
  }
}

function ScriptSetup()
{ // Alle Skate-Grafiken laden
  isIm = (document.images) ? 1 : 0
  if (isIm)
  { arImLoad = new Array
    ('skate','skate-u','skate-o','skate-l','skate-r',
     'skate-lu','skate-lo','skate-ru','skate-ro')
    arImList = new Array ()
    for (counter in arImLoad)
    { arImList[counter] = new Image()
      arImList[counter].src = arImLoad[counter] + '.gif'
    }
  }

// Globale Variablen setzen und Maus-Event initialisieren
  if (Ver4)
  { if (!IE)
    { al=document.SkateLayer
      document.captureEvents(Event.MOUSEMOVE)
    }
    else
    { al=document.all.SkateLayer.style }
    document.onmousemove = MeinMausEvent
    BewegeSkate()
  }
}

function Copyright()
{ window.focus()
  alert("Hast du ´n Plan? Nee? www.hastnplan.de !") }

function ZeigeSkate()
{ // Setzen der Block-Level Container zur Anzeige der Grafiken
  if(Ver4)
  { s ='<DIV STYLE="visibility:hidden"></DIV>'
    s+='<DIV ID="SkateLayer" STYLE="position:absolute; '
    s+='top:-32; left:-32; width:32; height:32">'
    s+='<A HREF="javascript:Copyright();">'
    s+='<IMG NAME="skate" SRC="skate.gif" border=0>'
    s+='</A></DIV>'
    document.writeln(s)
  }
}

window.onload = ScriptSetup
ZeigeSkate()

So sieht es zur Zeit aus, aber es folgt wie gesagt dem Cursor, wenn man das so umschreiben könnte dass die Grafik praktisch eine Position hat und hält würde es schon fast klappen ...