Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery implementiert den Bildkarussell-Spezialeffektcode „sharing_jquery'.

WBOY
Freigeben: 2016-05-16 15:39:10
Original
1095 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt den ultra-exquisite Bilderkarussell-Diashow-Effekt von jQuery. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Das JQuery-Bildkarussell-Plug-In PgwSlider ist ein sehr einfaches JQuery-Plug-In, mit dem Sie schnell ein vertikales Karussellbild erstellen können.
Vorgangsrendering:

Tipps: Wenn der Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln.
(1) Führen Sie den CSS-Stil im Kopfbereich ein:

<link href="css/pgwslider.min.css" rel="stylesheet">
Nach dem Login kopieren

(2) js-Code:

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>
Nach dem Login kopieren

Der mit Ihnen geteilte jQuery-Code für ultraexquisite Bilderkarussell-Spezialeffekte lautet wie folgt





jquery图片轮播插件PgwSlider
<link href="css/pgwslider.min.css" rel="stylesheet">

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>



  • Paris, France
  • Montréal, QC, Canada
  • Shanghai, China
  • New York, NY, USA
Nach dem Login kopieren

Das Obige ist der mit Ihnen geteilte jQuery-Spezialeffektcode für vertikale Bilder. Ich hoffe, er gefällt Ihnen und Sie können ihn in der Praxis anwenden.

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!