Java Script : Quickies
|
Zurück zur Java Scripts-Hauptseite. Dieses Java-Script macht bei einem Klick weitere Textpassagen sichtbar. Zwischen <HEAD> und </HEAD> ist dies einzufügen:
<script> function toggle(e) {if (e.style.display == "none") {e.style.display = "";} else {e.style.display = "none";}} </script>  Zwischen <BODY> und </BODY> ist dies einzufügen:
<A onclick=toggle(text1) onmouseout="this.style.color='white'"
onmouseover="this.style.color='red'"> <H3><U>Überschrift 1</U></H3></A> <div id=text1 style="display: none"> Hallo , hallo, das ist Text 1</DIV> <A onclick=toggle(text2) onmouseout="this.style.color='white'" onmouseover="this.style.color='red'"> <H3>Überschrift 2</H3></A> <div id=text2 style="display: none"> <P>Hier kommt Text 2</P> <A onclick=toggle(text3) onmouseout="this.style.color='yellow'" onmouseover="this.style.color='green'"> <H3>Überschrift 3</H3></A> <div id=text3 style="display: none"> <P>Wenn Du willst, kannst Du noch weitere Untermenüs aufbauen.</P></DIV> </DIV> Die blau geschriebenen Parameter kannst Du ändern. Und so sieht das dann aus: |
