ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します

jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します

WBOY
リリース: 2016-05-16 16:04:37
オリジナル
1251 人が閲覧しました

優れた応答性の高い jQuery フォーカス マップ プラグイン bxSlider、優れた応答性の高いレイアウト デザイン jQuery プラグイン、アダプティブ
あらゆるデバイスに適しており、切り替えコンテンツはビデオ、画像、HTML、タッチデバイスのサポート、カスタム機能
コールバック、多数のパラメーターのカスタム構成をサポートし、ブラウザーは Firefox、Chrome、Safari、
をサポートします。 iOS、アンドロイド、IE7。

jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します

使用法:

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" / alt="jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します" ></li> 
 <li><img  src="/images/pic2.jpg" / alt="jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します" ></li> 
 <li><img  src="/images/pic3.jpg" / alt="jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します" ></li> 
 <li><img  src="/images/pic4.jpg" / alt="jQuery プラグイン bxSlider はレスポンシブ フォーカス map_jquery を実装します" ></li> 
</ul> 
ログイン後にコピー

3. 関数呼び出し

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 
ログイン後にコピー

機能オプションの設定をカスタマイズしてください。
デモを見る 公式ウェブサイトのダウンロード

上記がこの記事の全内容です。皆さんに気に入っていただければ幸いです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート