ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery は画像カルーセル特殊効果コードを実装します Sharing_jquery

jQuery は画像カルーセル特殊効果コードを実装します Sharing_jquery

WBOY
リリース: 2016-05-16 15:39:10
オリジナル
1155 人が閲覧しました

この記事の例では、jQuery の非常に精巧な画像カルーセル スライドショー効果について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
jquery 画像カルーセル プラグイン PgwSlider は、垂直カルーセル画像を迅速に作成するのに役立つ非常にシンプルな jquery プラグインです。
オペレーションのレンダリング:

ヒント: ブラウザが正常に動作しない場合は、閲覧モードを切り替えてみてください。
(1) ヘッド領域に CSS スタイルを導入します:

<link href="css/pgwslider.min.css" rel="stylesheet">
ログイン後にコピー

(2) js コード:

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>
ログイン後にコピー

あなたに共有された jQuery の超精巧な画像カルーセル特殊効果コードは次のとおりです





jquery图片轮播插件PgwSlider
<link href="css/pgwslider.min.css" rel="stylesheet">

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>



  • Paris, France
  • Montréal, QC, Canada
  • Shanghai, China
  • New York, NY, USA
ログイン後にコピー

上記は、jQuery の垂直画像カルーセル特殊効果コードです。気に入っていただき、実際に適用していただければ幸いです。

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