a:hover Effekt, Klickton

[glow86]

Hallo zusammen,

hab da mal ein kleines Problem und was gar nicht ob das so überhaupt realisierbar ist.
Hab im Forum auch nicht wirklich etwas passendes gefunden.

Ich habe bisher eine Navileiste mit kleinen Icons. Wenn ich den Text oder die Icons überfahre wird das Icon in einer anderen Farbe neu geladen und angezeigt. Das funktioniert bereits.
Nun hätte ich jedoch noch gerne, dass es "klickt", wenn ich über einen Link fahre. Kann man das irgedwie einbauen

Hier ist der Code den ich bereits habe:

HTML-Datei:
<table>
<tr>
<td class="menue" align="right">
<a href="../main/home.htm" class="menuetext" id="button1" target="main">
Home
</a>
<td>
</tr>
</table>

CSS-Datei:
#button1
{
display:block;
background-image:url(../bilder/home.jpg);
height=17;
}
#button1:hover
{
background-image:url(../bilder/home_rot.jpg);
}

Schonmal Danke im Voraus !!

 

[Gumbo]

Mit CSS allein wäre dies mit der cue-Eigenschaft möglich, allerdings gibt es kaum Browser, die dies unterstützen.
Was mir sonst noch einfiel, wäre eine JavaScript-Lösung. Dazu benötigst du jedoch ein zusätzliches object-Element, das zum Abspielen der akustischen Signale benötigt wird. Und dazu natürlich noch einen Algorithmus, der die Events für die Verweise festlegt.

Zum Schluss noch meine persönliche Meinung: Mich würde es einfach nur nerven, ständig so ein Geräusch hören zu müssen. Soetwas ist als Lernaufgabe zwar gut geeignet, für die Praxis jedoch unbrauchbar und störend.

 

[glow86]

Das mit JavaScript hört sich ganz gut an. Hättest du mir da evtl ein Beispielscript oder ähnliches DANKE