In diesem Artikel wird hauptsächlich das Swiper-Mobilkarussell-Plugin im Detail vorgestellt. Nach dem Berühren des Bildes stoppt das Karussell, was einen gewissen Referenzwert hat.
I Ich habe das Swiper-Mobilkarussell-Plugin als Referenz freigegeben. Der spezifische Inhalt lautet wie folgt:
Im Folgenden sind die Probleme aufgeführt, auf die ich gestoßen bin, und mehrere Parameter, die häufig mit diesem Plug-In verwendet werden Vieles ist kompliziert, Sie können es lösen, indem Sie diesen Artikel lesen. Wenn Sie mehr wissen möchten, finden Sie hier die offizielle Adresse des Swiper-Plug-Ins.
Der erste SchrittEinführung von swiper.min.js
1 |
|
Der zweite Schritthtml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
Der dritte Schritt Schritt Aufruf (hier ist der Punkt)
1 2 3 4 5 |
|
In diesem Fall können sich die Bilder automatisch drehen, aber wenn sie mit der Hand berührt werden, stoppt die Drehung, sodass Sie einen weiteren Parameter hinzufügen müssen
1 2 3 4 5 6 |
|
Egal wie Sie gleiten, das Karussell-Ereignis wird erneut ausgelöst.
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
So erzielen Sie einen Schneeanimationseffekt in jQuery
So implementieren Sie die Listen-Pulldown-Aktualisierung im WeChat-Applet Pull Ladeeffekt?
So verwenden Sie das digitale Scroll-Plug-in im WeChat-Miniprogramm
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das mobile Karussell-Plug-in von Swiper. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!