Menu déroulant DIV (2)
Auteur：Eve Cole
Date de mise à jour：2009-06-20 17:00:56
Vous pouvez placer ce programme entre les balises <head></head> ou n'importe où sur la page Web.
Ensuite, nous devons définir nos éléments de menu réels. Ici, nous devons ajouter une poignée d'événement de mouvement de souris (OnMouseOver) à chaque élément de menu et laisser cet événement appeler la fonction Show que nous avons définie ci-dessus. En d’autres termes, dès que la souris entre dans notre élément de menu, notre fonction show commence à s’exécuter. Ici, nous devons également définir un numéro d'identification pour chacun de nos éléments de menu et transmettre le nom d'identification de sa colonne de menu déroulant dans la fonction Afficher. Ceci est essentiel pour que nous puissions contrôler la colonne du menu déroulant Ci-dessous. donnez le nom d'ID de l'élément de menu. Description de la syntaxe HTML :
<bordure du tableau=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">Site technologique du magazine</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">Portail</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">Site favori personnel</td>
</tr>
</table>
Enfin, nous devons définir notre colonne de menu déroulant. Pour chaque colonne du menu déroulant, nous devons lui donner l'attribut CSS de Submenu, et un nom d'ID pour que notre fonction Show puisse la contrôler. Enfin, nous définissons son mode d'affichage par défaut sur none, ce qui signifie qu'il ne le sera pas. affiché. Ceci est réalisé en attribuant « aucun » à son style d'affichage. Ci-dessous, j'ai donné une description de la syntaxe HTML pour une colonne de menu déroulant :
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.yesky.com">tianji.com Yesky.com</A>
<BR><A HREF="http:\www.cbiews.com">Informations commerciales sur l'informatique</A>
<BR><A HREF="http:\www.newsoft.com.cn">Nouvelle mode électronique</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.sina.com.cn">Sina Sina</A>
<BR><A HREF="http:\www.sohu.com.cn">SohuSohu</A>
<BR><A HREF="http:\www.163.com">Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\haoel.yeah.net">Station de programmation réseau pour souris</A>
<BR><A HREF="http:\www.5460.net">Camarades de classe chinois</A>
<BR><A HREF="http:\www.csdn.net">Réseau chinois de développement de logiciels</A>
<BR>
</DIV>
C'est tout le processus. Avec les quatre étapes ci-dessus, vous pourrez certainement voir un menu sur votre page Web et il sera certainement magnifique. Bien sûr, vous pouvez également essayer de modifier vous-même les propriétés du menu pour qu'il ressemble davantage à un menu.
