Heim > Web-Frontend > js-Tutorial > Hauptteil

Das jQuery-Plug-in Slick implementiert reaktionsfähige mobile Diashow-Bildwechseleffekte_jquery

WBOY
Freigeben: 2016-05-16 16:04:37
Original
1250 Leute haben es durchsucht

Das auf jQuery basierende, auf jQuery reaktionsfähige mobile Slideshow-Bildwechsel-Spezialeffekt-Plug-in ist sehr leistungsstark und unterstützt das Umschalten der linken und rechten Maustaste, das Umschalten von Punkten, die benutzerdefinierte Schaltnummer, die benutzerdefinierte Schaltgeschwindigkeit und das Laden von Bildvoreinstellungen und die Unterstützung der automatischen Wiedergabe Definitionen, der Effekt ist sehr gut, viele Parameteranpassungen werden unterstützt. Wenn Sie es für möglich halten, können Sie sich auf die Parameterkonfiguration beziehen, es lohnt sich immer noch, sie zu lernen und zu verwenden.

Verwendung:

1. Plug-Ins und jQuery laden

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript" src="slick/slick.js"></script> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
Nach dem Login kopieren

2.HTML-Inhalt

<div class="slider fade"> 
<div><div class="image"><img src="img/fonz1.png"/></div></div> 
<div><div class="image"><img src="img/fonz2.png"/></div></div> 
<div><div class="image"><img src="img/fonz3.png"/></div></div> 
</div> 
Nach dem Login kopieren

3. Funktionsaufruf

<script type="text/javascript"> 
$(document).ready(function() { 
  $('.fade').slick({ 
    dots: true, 
    infinite: true, 
    speed: 500, 
    fade: true, 
    slide: 'div', 
    cssEase: 'linear' 
  }); 
}); 
</script> 
Nach dem Login kopieren

DEMO ansehen Jetzt herunterladen

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage