Hallo Leute,
Ich habe folgendes Problem:
Beschäftige mich zurzeit mit einem Slide Menü, welches auf Java bzw CSS basiert. Es reagiert auf Mouseover (slide nach rechts) bzw Mouseout (slide wieder zurück zur Ausgangsposition).
Jetzt möchte ich aber die Buttons in diesem Menü ebenfalls mit einem simplen Mouseover befehl belegen - die Frage ist jetzt WIE?
habe schon herumexperimentiert und gegoogelt aber keine Lösung für mein problem gefunden.
Hier ein auszug aus dem Quelltext:
<script type="text/javascript">
<!--
if(dom)
document.write('<div id="slidemenu" style="position:absolute; left:-100px; top:90px;" onMouseover="slideRight()" onMouseout="slideLeft()">');
else if(ns4)
document.write('<layer id="slidemenu" onMouseover="slideRight()" onMouseout="slideLeft()">');
var ref = new Array();
/* ab hier die Adressen austauschen */
ref[0]='<a href="home.htm"><img src=Buttons/home_in.jpg height="" width=""></a>';
ref[1]='<a href="aboutme.htm"><img src=Buttons/about_in.jpg height="" width=""></a>';
ref[2]='<a href="lebenslauf.htm"><img src=Buttons/leben_in.jpg height="" width=""></a>';
ref[3]='<a href="portfolio.htm"><img src=Buttons/port_in.jpg height="" width=""></a>';
ref[4]='<a href="contact.htm"><img src=Buttons/kontakt_in.jpg height="" width=""></a>';
ref[5]='<a href="impressum.htm"><img src=Buttons/impressum_in.jpg height="" width=""></a>';
document.writeln('<table border="0" cellpadding="0" cellspacing="0" width="140" height="400"><tr><td class="menu"> ' + ref[0] + '</td></tr>');
for (i = 1; i < ref.length; i++) {
document.writeln('<tr><td class="menu"> ' + ref[i] + '</td></tr>');
}
document.write('</table>');
if(dom)
document.write('</div>');
else
document.write('</layer>');
//-->
</script>
Mfg scr4t