Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die Verwendung des jQuery-Bildrotations-Plug-ins jQueryRotate.js (mit Demo-Download)_jquery

Beispiel für die Verwendung des jQuery-Bildrotations-Plug-ins jQueryRotate.js (mit Demo-Download)_jquery

WBOY
WBOYOriginal
2016-05-16 15:19:031729Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung des jQuery-Bildrotations-Plug-ins jQueryRotate.js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Empfehlen Sie ein Bildrotations-Plug-in, um Bilder beim Durchsuchen von Fotoalben zu drehen.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Klicken Sie hier, um die Online-Demonstration anzusehen.

Der spezifische Code lautet wie folgt:

<script type="text/javascript">
  $(document).ready(function () {
    $("#images").rotate(45);
    var value = 0
    $("#images1").rotate({
      bind:
       {
        mouseover: function(){
          value +=90;
          $(this).rotate({ animateTo:value})
        }
       }
    });
    $('#button').click(function(){
      $("#images1").rotate({animateTo:parseInt($('#angel').val())});
    });
    function rotation (){
      $("#images2").rotate({
        angle:0,
       animateTo:360,
       callback: rotation,
       easing: function (x,t,b,c,d){
         return c*(t/d)+b;
       }
      });
    }
    rotation();
  });
</script>

Das Obige ist nur JS-Code, klicken Sie hier für den vollständigen BeispielcodeVon dieser Website herunterladen.

Leser, die an weiteren Inhalten zu jQuery-Plug-ins interessiert sind, können sich das Spezialthema dieser Website ansehen: „ Zusammenfassung gängiger jQuery-Plug-ins und deren Verwendung

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung 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