Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2016-05-16 16:04:37
asal
1301 orang telah melayarinya

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"/> 
Salin selepas log masuk

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> 
Salin selepas log masuk

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> 
Salin selepas log masuk

Lihat DEMO Muat turun sekarang

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan