[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js

グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsを実際に使用しているサイト「Perkstreet」 [ad#ad-2] champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモページを例に実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery

[skunk0915]

ギャラリー

[hr07jp]

タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js

[hedeyoshi]

どこかで使いたい

[nao14115]

タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js

[kams3261]

タイル状に配置した画像やテキストをランダムな順番でふわり

[Donca]

✔ [JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js