Das jQuery-Plug-in bxSlider implementiert den responsiven Fokus map_jquery

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

<!-- 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" /> 

2.HTML-Inhalt

<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> 

3. Funktionsaufruf

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 

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