Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:04:37
original
1220 Les gens l'ont consulté

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" /> 
Copier après la connexion

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> 
Copier après la connexion

3. Appel de fonction

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal