Rumah  >  Artikel  >  hujung hadapan web  >  jQuery plug-in slick melaksanakan pensuisan imej tayangan slaid mudah alih effect_jquery

jQuery plug-in slick melaksanakan pensuisan imej tayangan slaid mudah alih effect_jquery

WBOY
WBOYasal
2016-05-16 16:04:371253semak imbas

jQuery responsif tayangan slaid imej menukar kesan khas pemalam kesan khas, berdasarkan jQuery, sangat berkuasa dan menyokong penukaran butang kiri dan kanan, penukaran titik, nombor penukaran tersuai, kelajuan penukaran tersuai dan pratetap imej Memuatkan dan menyokong main balik automatik definisi, kesannya sangat baik, banyak sokongan penyesuaian parameter, jika anda fikir ia mungkin, anda boleh merujuk kepada konfigurasi parameter mereka, ia masih bernilai belajar dan menggunakan.

Penggunaan:

1. Muatkan pemalam dan 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"/> 

2.Kandungan 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> 

3. Panggilan fungsi

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

Lihat DEMO Muat turun sekarang

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn