Tabellen-RollOver

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <STYLE> .subbarfont { font-weight: none; font-size: 13px; color: #cc0000; font-family: arial, verdana, helvetica, sans-serif } a.subbar { font-weight: none; color: black; font-size: 12px; width: 128px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .subbarselected { border-right: white 1px solid; border-top: black 1px solid; vertical-align: middle; border-left: black 1px solid; border-bottom: white 1px solid; background-color: #99ccff } .subbarnotsel { border-right: #6699cc 1px solid; border-top: #6699cc 1px solid; vertical-align: middle; border-left: #6699cc 1px solid; cursor: hand; border-bottom: #6699cc 1px solid } .subbarnotselone { border-right: #003366 1px solid; border-top: #003366 1px solid; vertical-align: middle; border-left: #003366 1px solid; cursor: hand; border-bottom: #003366 1px solid } .subbarhover { border-right: black 1px solid; border-top: white 1px solid; vertical-align: middle; border-left: white 1px solid; cursor: hand; color: yellow; border-bottom: black 1px solid; background-color: #ddddff } .subbarhover2 { border-right: black 1px solid; border-top: white 1px solid; vertical-align: middle; border-left: white 1px solid; cursor: hand; color: red; border-bottom: black 1px solid; background-color: #cc99ff } </STYLE> <!-- Diesen Code musst Du in den -body- einbauen --> <table border="0" cellspacing="4" cellpadding="0" width="160"> <tr> <td class="subbarnotsel" width="100" bgcolor="#CDDDFC"> <p align="center" class="subbarfont"><font class="subbarfont"><nobr> Shareware & Freeware</nobr></font> <table border="0" cellspacing="4" cellpadding="0" align="center" width="146"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover'" onmouseout="this.className='subbarnotselone'"> <p align="left"><a href="http://www.java24.net" class="subbar"><b><font color="#000000"> C a t e g o r i e s</font></b></a> <table border="0" cellspacing="4" cellpadding="0" align="center" width="140"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Business</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Graphics</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Programming</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Utilities</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Web utilities</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Hobby</a></td> </tr> </table> </td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover '" onmouseout="this.className='subbarnotselone'"> <p align="left"><a href="http://www.java24.net" class="subbar"><font color="#000000"> <b> N e t w o r k</b></font></a> <table border="0" cellspacing="4" cellpadding="0" align="center" width="140"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Hot software</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Special reviews</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> New shareware</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Soft. publishers</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.java24.net" class="subbar"> Submit program</a></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="subbarnotsel" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotsel'" bgcolor="#CDDDFC"><a href="http://www.java24.net" class="subbar"> Sitemap</a></td> </tr> <tr> <td class="subbarnotsel" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotsel'" bgcolor="#CDDDFC"><a href="http://www.java24.net" class="subbar"> Advertising</a></td> </tr> <tr> <td class="subbarnotsel" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotsel'" bgcolor="#CDDDFC"><a href="http://www.java24.net" class="subbar"> Link to us</a></td> </tr> <tr> <td class="subbarnotsel" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotsel'" bgcolor="#CDDDFC"><a class="subbar" href="http://www.java24.net"> Web design</a></td> </tr> </table> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->