1. Tout d'abord, téléchargez la bibliothèque js depuis le site officiel de jQuery à l'adresse http://jquery.com/ 2. Créez un exemple de projet jQuery. 3. Mettez la bibliothèque js dans l'exemple de projet jQuery. 4. Écrivez une page html Copiez le code Le code est le suivant : ;html> ="auteur" content="Kong.Yee"/> -equiv="contact" content="791663094or kong.yee@foxmail.com"/> < ;/script> <br><title>Insérer le titre ici</title> <br><style type="text/css"> <br>.bg{ <br>/*background couleur*/ <br>arrière-plan : #f00 ; <br>/*couleur de la police*/ <br>couleur : #fff; <br>largeur : <br>} <br><br>ul, li { <br>/*effacer les points par défaut sur ul et li*/ <br>list-style: none; <br>} <br><br>ul { <br>/*Effacer la valeur d'indentation du sous-menu*/ <br>padding : 0;/*IE8, IE9, Firefox sont OK ; IE7, IE6, IE5.5 ne le sont pas*/ <br>marge : 0;/*Tous sont OK*/ <br>} <br><br></style> ; <BR><script type="text/javascript"> <br>$(function(){ <br>//setColor est la méthode de mouvement de la souris<br>$("li" ).mouseover(setColor) .mouseout(setColor); <br><br>function setColor(){ <br>//S'il existe (n'existe pas), supprimez (ajoutez) une classe <br>$(this) .toggleClass("bg"); <br>} <br>} ; <br> div"> < ;ul> Menu horizontal 1 Menu horizontal 2 Menu horizontal 3< /li> < li>Menu horizontal 4 Menu horizontal 5 /ul> < /div>
