Submenü erscheinen lassen bei MouseOver

Sorry, aber habe die Änderungen durchgeführt und nada

function roll(num) {
document.getElementById(num).className="da";
document.getElementById(num).style.background-color="FFFFFF";
}

function unroll(num) {
document.getElementById(num).className="weg";
document.getElementById(num).style.background-color="9A0000";
}

So hast Du es doch gemeint, oder?
 
Hi,

ich hab mich nicht durchgelesen, aber:
HTML:
style.background-color="9A0000";
müsste m.E.
HTML:
style.backgroundColor="#9A0000";
heißen - JS- und CSS-Syntax unterscheiden sich etwas.

Gruß


.
 
Hab grad festgestellt, dass wir uns das leben unnötig schwer machen. Platzieren wir doch die Hintergrundfarbe dahin, wo sie hingehört, in den Style-Tag:

HTML:
<html><head><title>Menue 2</title>
 
 <style type="text/css"><!--
 
 .weg {display:none;background-color:#FFFFFF; }
 .da {display:normal;background-color:#9A0000;}
 
 --></style>
 
 <script type="text/javascript">//<!--
 	function roll(num) {
 		document.getElementById(num).className="da";
 	}
 
 	function unroll(num) {
 		document.getElementById(num).className="weg";
 	}
 //--></script>
 
 </head><body>
 
 <b onMouseover="roll('m1');unroll('m2')">Überschrift 1</b><br>
 	<span class="weg" id="m1">
 		<a href="1.htm" >Eintrag 1.1<br></a>
 		<a href="2.htm" >Eintrag 1.2<br></a>
 		<a href="3.htm" >Eintrag 1.3<br></a>
 		<a href="4.htm" >Eintrag 1.4<br></a>
 	</span>
 
 <b onMouseover="roll('m2');unroll('m1')" >Überschrift 2</b><br>
 	<span class="weg" id="m2">
 		<a href="5.htm" >Eintrag 2.1<br></a>
 		<a href="6.htm" >Eintrag 2.2<br></a>
 	</span>
 
 </body></html>

Oh mein gott, ES LEBT!
 
Zuletzt bearbeitet:
DANKE.
Nach etwa 3 Tagen wo ich dran sitze, endlich die Lösung. Es hat alles geklappt.

VIELEN DANK.
Gott segne euch :)

Corona
 
Zurück