Robert: Linkgrafik hin und her bewegen

Beitrag lesen

Hi,

Bei onmouseover soll die Grafik(eine Patrone) langsam nach rechts wandern. Bei onmouseout soll sie wieder langsam auf ihre ursprüngliche Position zurückkehren.

<script type="text/javascript">
 var run;
 var x = 0;
 function Move(v)
 {
   x += v;
   var Startposition = 0;
   var Endposition = 1000;
   var patrone = document.getElementById("PatronenID");
   patrone.style.left=(x)+"px";
   if (x >= Endposition)
   {
     patrone.style.left=Endposition;
     window.clearInterval(run);
     run = null;
   }
   if (x <= Startposition)
   {
     patrone.style.left=Startposition;
     window.clearInterval(run);
     run = null;
   }
 }
 function setMove(v)
 {
   run = window.setInterval("Move("+v+")",10);
 }
</script>

<a href="link.htm">
<img id="PatronenID" src="Patrone.png"
 onmouseover="window.clearInterval(run);setMove(2);"
 onmouseout="window.clearInterval(run);setMove(-2);"
 style="position:absolute;">
</a>

Das dürfte der Part sein aber, wenn du:

Bei onclick soll sie dann schneller kurz nach links und dann schnell nach rechts bis sie hinter dem nächsten Framefenster verschwindet und wieder langsam am Browserrand(links) auftaucht und zu ihrer Position zurückkehrt.

dann solltest du keine "LINKGRAFIK" benutzen sondern einen Javascript
um am Ende der Animation auf deine Seite zu springen.

mfg Robert