Pemalam jQuery terbaik untuk tayangan slaid carta fokus dalam sejarah, Skippr, pemalam ringan, pemalam reka letak responsif dan penyesuaian parameter yang berkuasa
Konfigurasi, anda boleh menyesuaikan kelajuan pensuisan, kaedah pensuisan, sama ada untuk memaparkan anak panah kiri dan kanan, sama ada untuk dimainkan secara automatik, selang main balik automatik dan konfigurasi lain
Parameter, pemalam panggilan juga sangat mudah dan mudah digunakan. Kaedah panggilan diperkenalkan di bawah:
1. Muatkan jQuery dan pemalam
<link rel="stylesheet" href="css/jquery.skippr.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.skippr.min.js"></script>
Salin selepas log masuk
2.Kandungan HTML
<div id="container">
<div id="theTarget">
<div style="background-image: url(img/image1.jpg)"></div>
<div style="background-image: url(img/image2.jpg)"></div>
<div style="background-image: url(img/image3.jpg)"></div>
<div style="background-image: url(img/image4.jpg)"></div>
<div style="background-image: url(img/image5.jpg)"></div>
</div>
</div>
Salin selepas log masuk
3. Panggilan fungsi
<script>
$(document).ready(function(){
$("#theTarget").skippr({
transition: 'slide',
speed: 1000,
easing: 'easeOutQuart',
navType: 'block',
childrenElementType: 'div',
arrows: true,
autoPlay: false,
autoPlayDuration: 5000,
keyboardOnAlways: true,
hidePrevious: false
});
});
</script>
Salin selepas log masuk
Penjelasan konfigurasi parameter
peralihan: (pudar/gelongsor) kaedah penukaran
kelajuan: kelajuan menukar (milisaat)
pelonggaran: kesan pensuisan (easeOutQuart)
NavType: Di bawah jenis navigasi (blok/gelembung)
anak panah: Sama ada terdapat anak panah (benar/salah)
autoPlay: Sama ada hendak bermain secara automatik (benar/palsu)
autoPlayDuration: Selang autoplay (milisaat)
keyboardOnAlways: Sama ada untuk menyokong penukaran papan kekunci (benar/salah)
hidePrevious: Sama ada hendak menyembunyikan anak panah pertama yang ditukar (benar/salah)
Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.