Menu table rollover style kings of chaos.com

Commenter

Contenu du snippet

Ce code concerne les débutant étant donné qu'il est très facile à réaliser.

Il s'agit d'un rollover sur un table comme le Menu du site http://www.kingsofchaos.com avec une légère amélioration (Curseur).

Source / Exemple : 


<html>

<head>
<title>Menu style Kings Of Chaos.com</title>
</head>

<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" bgcolor="#000000">

<div align="left" onmousedown="a">
  <table border="0" cellpadding="0" cellspacing="0" width="90%">
    <tr>
      <td onmousedown="window.location='page1.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 1</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page2.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 2</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page3.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 3</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page4.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 4</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page5.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 5</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page6.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 6</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page7.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 7</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page8.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 8</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page9.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 9</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page10.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 10</font></b></td>
    </tr>
  </table>
</div>

</body>

</html>

Conclusion :


Rien de spécial. Il ne devrait pas y avoir de bugs. Si c'est le cas parcontre merci de me les signaler.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (mathieumg)