Heim > Web-Frontend > js-Tutorial > Hauptteil

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

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

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.

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

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" /> 
Nach dem Login kopieren

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> 
Nach dem Login kopieren

3. Funktionsaufruf

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

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