Ausgezeichnetes responsives jQuery-Focus-Map-Plug-in bxSlider, ausgezeichnetes responsives Layout-Design jQuery-Plug-in, adaptiv
Für jedes Gerät geeignet, Inhaltswechsel kann Video, Bild, HTML sein, Touch-Geräte werden unterstützt, benutzerdefinierte Funktion
Rückruf, unterstützt zahlreiche benutzerdefinierte Parameterkonfigurationen und der Browser unterstützt Firefox, Chrome, Safari,
iOS, Android, IE7.
Verwendung:
1. Laden Sie jQuery und Plug-Ins
1 2 3 4 5 6 | <!-- jQuery library (served from Google) -->
<script src= "jquery/1.8.2/jquery.min.js" ></script>
<!-- bxSlider Javascript file -->
<script src= "/js/jquery.bxslider.min.js" ></script>
<!-- bxSlider CSS file -->
<link href= "/lib/jquery.bxslider.css" rel= "stylesheet" />
|
Nach dem Login kopieren
2.HTML-Inhalt
1 2 3 4 5 6 | <ul class = "bxslider" >
<li><img src= "/images/pic1.jpg" / alt= "Das jQuery-Plug-in bxSlider implementiert den responsiven Fokus map_jquery" ></li>
<li><img src= "/images/pic2.jpg" / alt= "Das jQuery-Plug-in bxSlider implementiert den responsiven Fokus map_jquery" ></li>
<li><img src= "/images/pic3.jpg" / alt= "Das jQuery-Plug-in bxSlider implementiert den responsiven Fokus map_jquery" ></li>
<li><img src= "/images/pic4.jpg" / alt= "Das jQuery-Plug-in bxSlider implementiert den responsiven Fokus map_jquery" ></li>
</ul>
|
Nach dem Login kopieren
3. Funktionsaufruf
1 2 3 | $(document).ready( function (){
$( '.bxslider' ).bxSlider();
});
|
Nach dem Login kopieren
Bitte passen Sie die Konfiguration der Funktionsoptionen an.
DEMO ansehen Offizieller Website-Download
Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er gefällt euch allen