Maison  >  Article  >  interface Web  >  Le plug-in jQuery bxSlider implémente le focus réactif map_jquery

Le plug-in jQuery bxSlider implémente le focus réactif map_jquery

WBOY
WBOYoriginal
2016-05-16 16:04:371215parcourir

Excellent plug-in de carte de focus jQuery réactif bxSlider, excellent plug-in jQuery de conception de mise en page réactive, adaptatif
Convient à n'importe quel appareil, le contenu de commutation peut être vidéo, image, HTML, prise en charge des appareils tactiles, fonction personnalisée
rappel, prend en charge de nombreuses configurations personnalisées de paramètres et le navigateur prend en charge Firefox, Chrome, Safari,
iOS, Android, IE7.

Le plug-in jQuery bxSlider implémente le focus réactif map_jquery

Utilisation :

1. Chargez jQuery et les 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.Contenu HTML

<ul class="bxslider"> 
 <li><img  src="/images/pic1.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> 
 <li><img  src="/images/pic2.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> 
 <li><img  src="/images/pic3.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> 
 <li><img  src="/images/pic4.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> 
</ul> 

3. Appel de fonction

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

Veuillez personnaliser la configuration des options de fonction.
Voir la DÉMO Téléchargement du site officiel

Ce qui précède représente l'intégralité du contenu de cet article, j'espère que vous l'aimerez tous

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn