on:2014年9月17日sponsorsdivなどで実装したパネル、複数の画像やエレメントを配置したスライダーなどにさまざまなアニメーションを適用できるjQueryのプラグインを紹介します。↓は、エレメントのデモです。Sliderのデモまずは、スライダーのデモから。Slider3枚のスライドがそれぞれ異なるアニメーションで切り替わります。スライドのエフェクトは23種類用意されており、デモでは12種類が楽しめます。スライドのエフェクトエレメントのエフェクトは17種類、デモでは全種類が楽します。外部ファイル当スクリプトとスタイルシート、jquery.jsを外部ファイルとして記述します。HTMLまずはHTMLの基本構成。コンテンツをdiv要素で配置し、ラッパーで囲います。-->各エレメントへのアニメーションはdata属性を使い、エフェクトの種類や時間などを設定します。-->エレメントに適用する場合は、下記のようになります。JavaScriptjQueryのセレクタでラッパーを指定し、スクリプトを実行します。*/).data('plugin_pogoSlider');スライドのエフェクトは、下記が用意されています。fadeslideverticalSlideslideLeftslideRightslideUpslideDownslideRevealLeftslideRevealRightslideOverLeftslideOverRightexpandRevealshrinkRevealverticalSplitRevealhorizontalSplitRevealzipRevealbarRevealDownbarRevealUpbarRevealblocksRevealfoldfoldLeftfoldRightエレメントのエフェクトは、下記が用意されています。Posts関連記事が見つかりませんでした。