Mouseover
Diana
- javascript
Hallo!
Kann mir jemand weiterhelfen ?
Ich möchte beim Mouseover bei einem Hyperlink, das im selben Moment ein kleines Bild vom Ausgangspunkt zum Link bewegt wird (siehe Grafik). Gibt`s da eine Möglichkeit mit JS oder geht das nur mit Flash?
Grafik go-------------->Grafik stop
A Hyperlink
Danke schon mal im voraus.
Hallo!
Kann mir jemand weiterhelfen ?
Ich möchte beim Mouseover bei einem Hyperlink, das im selben Moment ein kleines Bild vom Ausgangspunkt zum Link bewegt wird (siehe Grafik). Gibt`s da eine Möglichkeit mit JS oder geht das nur mit Flash?
Grafik go-------------->Grafik stop
A Hyperlink
Das sollte gehen.
Struppi.
Hallo!
Kann mir jemand weiterhelfen ?
Ich möchte beim Mouseover bei einem Hyperlink, das im selben Moment ein kleines Bild vom Ausgangspunkt zum Link bewegt wird (siehe Grafik). Gibt`s da eine Möglichkeit mit JS oder geht das nur mit Flash?
Grafik go-------------->Grafik stop
A HyperlinkDas sollte gehen.
Struppi.
Das sollte mittlerweile auch ohne JavaScript gehen ;-))
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.mol {position:relative;}
.mol a {display:block; height:16px; text-decoration:none; color:#003031; padding-left:40px; font-family:VERDANA,ARIAL,HELVETICA; font-size:1em;}
.mol a:visited {color:#007173;}
.mol a:hover {color:#00AEAD; padding-left:41px;}
.mol a:active {color:#003031;}
.mol a .lbild {position:absolute; left:0; top:0;}
.mol a:hover .lbild {position:absolute; left:20px; top:0;}
-->
</style>
</head>
<body>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext</a>
</div>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext länger</a>
</div>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext</a>
</div>
</body>
</html>
Viele Grüße
Axel