Maison > interface Web > js tutoriel > Le plug-in jQuery implémente la commutation d'image de diaporama mobile réactif effect_jquery

Le plug-in jQuery implémente la commutation d'image de diaporama mobile réactif effect_jquery

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

Le plug-in d'effets spéciaux de commutation d'image de diaporama mobile réactif jQuery, basé sur jQuery, est très puissant et prend en charge la commutation des boutons gauche et droit, la commutation de points, le numéro de commutation personnalisé, la vitesse de commutation personnalisée et le préréglage d'image Chargement et prise en charge de la lecture automatique définitions, l'effet est très bon, de nombreux supports de personnalisation des paramètres, si vous pensez que c'est possible, vous pouvez vous référer à leur configuration des paramètres, cela vaut toujours la peine d'apprendre et de l'utiliser.

Utilisation :

1. Charger les plug-ins et jQuery

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript" src="slick/slick.js"></script> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
Copier après la connexion

2.Contenu HTML

<div class="slider fade"> 
<div><div class="image"><img src="img/fonz1.png"/></div></div> 
<div><div class="image"><img src="img/fonz2.png"/></div></div> 
<div><div class="image"><img src="img/fonz3.png"/></div></div> 
</div> 
Copier après la connexion

3. Appel de fonction

<script type="text/javascript"> 
$(document).ready(function() { 
  $('.fade').slick({ 
    dots: true, 
    infinite: true, 
    speed: 500, 
    fade: true, 
    slide: 'div', 
    cssEase: 'linear' 
  }); 
}); 
</script> 
Copier après la connexion

Voir la DÉMO Télécharger maintenant

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