Maison > interface Web > js tutoriel > Méthode d'implémentation de l'effet d'affichage d'image en accordéon basée sur jquery_jquery

Méthode d'implémentation de l'effet d'affichage d'image en accordéon basée sur jquery_jquery

WBOY
Libérer: 2016-05-16 16:26:20
original
1162 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'implémentation de l'effet d'affichage d'image en accordéon basée sur jquery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

L'effet d'exécution du code est le suivant :

Le code de la page index.html est le suivant :

Copier le code Le code est le suivant :




   
   


   

       

           

               

                    Netherlands

           

           

               

                    Belgium

           

           

               

                    France

           

           

               

                    Germany

           

           

               

                    England

           

       

   


<script><br>            $('.country').click(function () {<br>                 $(this).toggleClass('active');<br>                  $('.page-container').toggleClass('opened');<br>           }); //@ sourceURL=pen.js<br> </script>


Cliquez ici pour un exemple de code completTélécharger depuis ce site.

J'espère que cet article sera utile à la conception d'effets spéciaux jQuery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal