Ich möchte mit CSS und JavaScript ein Menu erstellen, bei dem Duch Klicken auf einen der Links sich eine Box öffnet und die vorhandene Box an gleicher Stelle ersetzt.
Bisher muss man die Boxen einzeln aus- und einblenden.
Wie muss die Funktion verändert werden, damit bei einem Klick gleichzeitig die eine Box ausgeblendet und die neue eingeblendet wird?
(vom Prinzip her wie hier: http://validator.w3.org/)
<script type="text/javascript">
reiter = new Array("reiter0","reiter1","reiter2","reiter3");
content = new Array("Reiter01","Reiter02", "Reiter03","Reiter04");
var aktiv = "";
function Bildwechsel(aktiv,nummer) {
for (var i=0; i < reiter.length; ++i){
var nodeHide = content[i];
document.getElementById(nodeHide).style.display = "none";
}
var nodeShow = content[nummer];
document.getElementById(nodeShow).style.display = "block";
}
</script>
Wie kann ich es erreichen, dass der Hintergrund der Linkbox dauerhaft eine andere Hintergrundfarbe annimmt, wenn ich den Bereich mit der Maus wieder verlasse?
Lösung ist per Hintergrundfarbe oder Bild gedacht.