Heim  >  Artikel  >  Web-Frontend  >  Implementierungsmethode für den Akkordeon-Bildanzeigeeffekt basierend auf jquery_jquery

Implementierungsmethode für den Akkordeon-Bildanzeigeeffekt basierend auf jquery_jquery

WBOY
WBOYOriginal
2016-05-16 16:26:201124Durchsuche

Das Beispiel in diesem Artikel beschreibt die Implementierungsmethode des Akkordeon-Bildanzeigeeffekts basierend auf JQuery. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Der Code-Ausführungseffekt ist wie folgt:

Der index.html-Seitencode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:




    一款基于jquery的手风琴图片展示效果demo
   


   

       

           

               

                    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>


Klicken Sie hier für den vollständigen BeispielcodeVon dieser Website herunterladen.

Ich hoffe, dass dieser Artikel für das jQuery-Spezialeffektdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn