Pemalam jQuery Skippr melaksanakan carta fokus slaid effects_jquery

WBOY
Lepaskan: 2016-05-16 16:04:39
asal
1242 orang telah melayarinya
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.

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