jQuery插件bxSlider實現(xiàn)響應式焦點圖
更新時間：2015年04月12日 22:26:29 投稿：hebedich
bxSlider特性1.充分響應各種設備，適應各種屏幕；2.支持多種滑動模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內容；4.支持觸摸滑動；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來詳細探討下吧。
優(yōu)秀響應式jQuery焦點圖插件bxSlider，優(yōu)秀響應式布局設計jQuery插件，自適
應任何設備，切換內容可以是視頻、圖片、HTML、支持觸摸設備，自定義函數(shù)
callback,支持眾多的參數(shù)自定義配置，瀏覽器支持Firefox, Chrome, Safari,
iOS, Android, IE7+。
使用方法：
1. 加載jQuery和插件
<!-- 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.HTML內容
<ul class="bxslider"> <li><img src="/images/pic1.jpg" /></li> <li><img src="/images/pic2.jpg" /></li> <li><img src="/images/pic3.jpg" /></li> <li><img src="/images/pic4.jpg" /></li> </ul>
3.函數(shù)調用
$(document).ready(function(){
$('.bxslider').bxSlider();
});
函數(shù)選項配置請自定義配置。
查看DEMO 官網下載
以上所述就是本文的全部內容了，希望大家能夠喜歡
相關文章
jqueryMobile 動態(tài)添加元素,展示刷新視圖的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨queryMobile 動態(tài)添加元素,展示刷新視圖的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果,通過jQuery結合html5的canvas技術調用時間函數(shù)實時進行數(shù)學運算,最終實現(xiàn)球體平拋及顏色動態(tài)變換的效果,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jquery實現(xiàn)Ajax請求的幾種常見方式,結合實例形式總結分析了jQuery實現(xiàn)ajax請求常用的load()、post()、get()及Ajax()方法相關操作技巧,需要的朋友可以參考下2019-05-05
用jQuery制作模擬下拉框 瀏覽器自帶的 下拉框樣式不好看。在ie6下，下拉框的優(yōu)先級大于層，經常導致下拉框顯示在層的上面。2010-03-03
用戶管理的設計_jquery的ajax實現(xiàn)二級聯(lián)動效果
下面小編就為大家?guī)硪黄脩艄芾淼脑O計_jquery的ajax實現(xiàn)二級聯(lián)動效果。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
解決jQuery與其它js(Prototype)庫沖突的方法很簡單，就是使用jQuery的jQuery.noConflict()函數(shù)，以下小編就為大家介紹，需要的朋友可以參考下2013-07-07
LCD想必大家都有見到過吧，本文為大家介紹的就是使用jquery模擬LCD時鐘，以下是HTML文件源代碼2014-06-06
這篇文章主要介紹了jquery實現(xiàn)仿新浪微博評論滾動效果,基于jquery實現(xiàn)頁面圖文定時滾動效果,涉及jquery頁面元素的遍歷與樣式的動態(tài)操作技巧,是一款經典的jquery滾動特效,非常具有實用價值,需要的朋友可以參考下2015-08-08
首頁有一個導航頁面要實現(xiàn)滾動效果，索性就仿造別人的效果自己做了一個，大體上還行，看起來還是比較流暢的,現(xiàn)滾動效果，腳本代碼如下，感興趣的朋友可以參考下2013-05-05
這篇文章主要介紹了jQuery基于擴展簡單實現(xiàn)倒計時功能的方法,涉及jQuery擴展與回調函數(shù)的相關使用技巧,需要的朋友可以參考下2016-05-05