ホームページ > ウェブフロントエンド > jsチュートリアル > ソースコードで超クールなアニメーション効果を実現するJquery左右スライドプラグイン download_jquery

ソースコードで超クールなアニメーション効果を実現するJquery左右スライドプラグイン download_jquery

WBOY
リリース: 2016-05-16 15:28:01
オリジナル
1423 人が閲覧しました

jQuery ベースの非常にクールなアニメーション スライド プラグインを共有します。これは、jquery.pogo-slider プラグインに基づく複数のスライダー切り替えエフェクトです。レンダリングは次のとおりで、満足している場合は、ソース コードをダウンロードできます。


エフェクト表示 ソースコードダウンロード

実装コード。

HTML コード:

<div class="pogoSlider" id="js-main-slider">
  <div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000" style="background-image:url(img/slide1.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="fold" data-duration="1000" style="background-image:url(img/slide2.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="shrinkReveal" data-duration="1000" style="background-image:url(img/slide3.jpg);"></div>
 </div><!-- .pogoSlider -->
ログイン後にコピー
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート