jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery

WBOY
Lepaskan: 2016-05-16 16:04:37
asal
1220 orang telah melayarinya

Pemalam fokus jQuery responsif yang sangat baik bxSlider, reka bentuk susun atur responsif yang sangat baik pemalam jQuery, penyesuaian
Sesuai untuk sebarang peranti, menukar kandungan boleh menjadi video, gambar, HTML, peranti sentuh sokongan, fungsi tersuai
panggil balik, menyokong banyak konfigurasi tersuai parameter dan penyemak imbas menyokong Firefox, Chrome, Safari,
iOS, Android, IE7.

jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery

Penggunaan:

1. Muatkan jQuery dan pemalam

<!-- jQuery library (served from Google) --> 
<script src="jquery/1.8.2/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="/js/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="/lib/jquery.bxslider.css" rel="stylesheet" /> 
Salin selepas log masuk

2.Kandungan HTML

<ul class="bxslider"> 
 <li><img  src="/images/pic1.jpg" / alt="jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery" ></li> 
 <li><img  src="/images/pic2.jpg" / alt="jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery" ></li> 
 <li><img  src="/images/pic3.jpg" / alt="jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery" ></li> 
 <li><img  src="/images/pic4.jpg" / alt="jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery" ></li> 
</ul> 
Salin selepas log masuk

3. Panggilan fungsi

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 
Salin selepas log masuk

Sila sesuaikan konfigurasi pilihan fungsi.
Lihat DEMO Muat turun tapak web rasmi

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