Javascripts | Javaapplets | DHTML [www.java24.net] Mouseover

HTML-Einbindung:

<STYLE type=text/css>.Menu { BACKGROUND-COLOR: white; BORDER-BOTTOM: white 1px; BORDER-LEFT: white 1px; BORDER-RIGHT: white 1px; BORDER-TOP: white 1px; FONT-FAMILY: Arial; LEFT: 10%; POSITION: absolute; LINE-HEIGHT: 25px; VISIBILITY: hidden; WIDTH: 80%; layer-background-color: white } .Mo { BACKGROUND-COLOR: white; BORDER-BOTTOM: white 0px; BORDER-LEFT: white 0px; BORDER-RIGHT: white 0px; BORDER-TOP: white 0px; FONT-FAMILY: Arial; LEFT: 10%; POSITION: absolute; TEXT-DECORATION: none; VISIBILITY: hidden; WIDTH: 80%; layer-background-color: white } .hide { FONT-FAMILY: Arial; VISIBILITY: hidden } </STYLE> <SCRIPT> /* _______________________________ onclick-mouseover display code ------------------------------- Author Mike Deangelis Original Creation Date: 1-11-99 _______________________________ */ var mo_lastMenu; var lastMenu = "null"; if (document.layers) { visible = 'show'; hidden = 'hide'; } else if (document.all) { visible = 'visible'; hidden = 'hidden'; } function toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { clean(lastMenu); Menu.visibility = visible; } lastMenu = Menu; } function clean(Menu){ if (Menu == "null"){ return; } if (Menu.visibility == visible) { Menu.visibility = hidden; } } function mo_toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { Menu.visibility = visible; } mo_lastMenu = Menu; } </SCRIPT> </head>  <a onfocus="this.blur()" href="#menu" onclick="toggle('clickWeb');return false;" onmouseout="javascript:mo_toggle('mo_web');return false;" onmouseover="javascript:mo_toggle('mo_web');return false;"> <B><FONT color="purple" face="arial" size="+1"> Fahre mit der Maus hierher und dann klicken! <p></FONT> </B> </A> </p> <DIV class="Mo" id="mo_web"> <FONT color="green" face="arial" size="+2"> Das passiert beim OnMouseOver </FONT> </DIV> <DIV class="Menu" id="clickWeb"> <font color="red" face="arial" size="+2"> <a onfocus="this.blur()" href="http://www.rainerhansen.de/java">Hier steht nun der Link</a></font> </DIV>