jQuery plug-in bxSlider melaksanakan fokus responsif map_jquery

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.

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" /> 

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> 

3. Panggilan fungsi

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 

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

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