Maison > Article > interface Web > L'effet d'élargissement lorsque la souris passe par jQuery (avec code source de démonstration)_jquery
L'exemple de cet article décrit l'effet d'élargissement lorsque la souris passe par jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <title>Kwicks 1.5.1 Example Page</title> <!-- IMPORTANT!!! Include the stylesheet *BEFORE* the JavaScript (necessary for Safari 3.1.1) --> <link rel="stylesheet" type="text/css" href="css/main.css" /> <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function() { $('.kwicks').kwicks({ max : 220, spacing : 5 }); }); </script> </head> <body> <ul class="kwicks horizontal" > <li id="kwick_1"></li> <li id="kwick_2"></li> <li id="kwick_3"></li> <li id="kwick_4"></li> </ul> </body> </html>
Cliquez ici pour l'exemple de code completTéléchargez depuis ce site.
Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Résumé des effets et techniques de commutation JQuery", "Résumé des effets et techniques de glisser jQuery ", "Résumé des compétences de l'extension JQuery", "Résumé des effets spéciaux classiques communs de jQuery", "Résumé de l'utilisation des animations et des effets spéciaux jQuery", " Résumé de l'utilisation du sélecteur jquery " et "Résumé des plug-ins courants et de leur utilisation jQuery "
J'espère que cet article sera utile à tous ceux qui programment jQuery.