Blog

オブジェクトをきれいに整列させてくれるjQueryプラグイン

2013.09.17Cat:jQueryプラグイン 役員

オブジェクトをきれいに整列させてくれるjQueryプラグイン「jquery.nested.js」を使ってみた。

レスポンシブにも対応している。

 

デモ

 

設置方法

■HTML

 

■CSS

 

■js

 

パラメータ

パラメータ データ型 デフォルト 用途 使用方法
minWidth int 50 アイテムの横幅 アイテムの最小横幅をpxで指定
minColumn int 1 カラム数 最小カラム数を指定
gutter int 1 アイテム間の隙間 アイテム同士の隙間をpxで指定
animate bool FALSE アニメーション アニメーションの有無を指定
animationOptions.speed int 20 スピード スピードをミリ秒で指定
animationOptions.duration int 100 デュレーション デュレーションをミリ秒で指定
animationOptions.queue bool TRUE キュー アイテムをスライドインさせるかどうか
animationOptions.complete function 完了時の関数 完了時呼び出される関数

 

よく使う感じではないが、芸術性を求められる表現が必要な時使えるかもしれない

Author Profile

hoshino
hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ