mardi 26 mai 2015

onmouseove-Effekt positionieren

Hallo Zusammen,

ich hätte mal, eine wahrscheinlich einfache, Frage.

Wie bekomme ich den Mouseover-Effekt (siehe oben) bzw. das Bild positioniert? Es soll links unten angezeigt werden. Derzeit wird es entsprechend neben der Maus angezeigt.

Vielen Dank für die Hilfe.

MfG

Andreas

Anbei der Code:
Java Code:

  1.  
  2. <style>
  3. body { /* gilt für das gesamt body tag (wer hätts gedacht) */
  4. font-family: "DB Office"; /* schriftart */
  5. }
  6. #quotes {
  7. position: absolute; /* wahlweise fixed wenn das teil mitscrollen soll */
  8. right: 0;
  9. bottom: 0;
  10. }
  11.  
  12.  
  13. a {
  14. text-decoration: none;
  15. color: black;
  16. }
  17.  
  18. </style>
  19.  
  20. <script language="JavaScript">
  21.  
  22.  
  23.  
  24. <!--
  25.  
  26. self.moveTo(0,0)
  27. self.resizeTo(screen.availWidth,screen.availHeight)
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. //-->
  36.  
  37. --></script>
  38.  
  39.  
  40.  
  41. <div style="position: absolute; left: 220px;"><div style="z-index: 0"><img alt="Deutschlandkarte" src="http://ift.tt/1cfMWAp; border="0"/>
  42.  
  43. <div style="position: absolute; left: 840px; top: 570px; z-index:1;"><img src="http://ift.tt/1IXr9fq;><figcaption><b><a href=#</a></b></figcaption></div>
  44. <div style="position: absolute; left: 840px; top: 570px; z-index:2;"><img src="http://ift.tt/1IXr9fq; onmouseover="src='http://ift.tt/1cfMZfr'" onmouseout="src='http://ift.tt/1IXrbnl'"></div>


onmouseove-Effekt positionieren

0 commentaires:

Enregistrer un commentaire