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