Rumah > Artikel > hujung hadapan web > jQuery plug-in slick melaksanakan pensuisan imej tayangan slaid mudah alih effect_jquery
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.