Handig Topmenu voor op je site. Uiteraard zijn alle kleuren e.d. aan te passen, als ook meerdere tabellen mogelijk. Ook de target is aan te passen..... Suc6.. !
Plak dit tussen de <head> tags <style> <!-- verander hieronder het lettertype en de kleuren --> body{font-family:verdana;} table{font-size:80%;background:black} a{color:black;text-decoration:none;font:bold} a:hover{color:#FF0000} td.menu{background:#CCFFCC} table.menu { font-size:100%; position:absolute; visibility:hidden; } </style> <base target="_blank"> <!-- verander hierboven de tqarget in de framenaam waar de links in moeten openen -->
Plak dit tussen de <body> tags <script language="JavaScript"> function toonmenu(elmnt) { document.all(elmnt).style.visibility="visible" } function verstopmenu(elmnt) { document.all(elmnt).style.visibility="hidden" } </script> <table width="100%"> <tr bgcolor="#CCCCFF"> <td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')"> <a href="http://www.leejoo.nl">Site 1</a><br /> <table class="menu" id="site1" width="100%"> <tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr> <tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr> <tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr> <tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr> <tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr> </table> </td> <td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')"> <a href="http://www.leejoo.nl">Site 2</a><br /> <table class="menu" id="site2" width="100%"> <tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr> <tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr> <tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr> <tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr> <tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr> </table> </td> <td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')"> <a href="http://www.leejoo.nl">Site 3</a><br /> <table class="menu" id="site3" width="100%"> <tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr> <tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr> <tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr> <tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr> <tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr> </table> </td> </table>
© www.leejoo.nl