Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquid

リキッドレイアウトってありますよね?Windowサイズにあわせてカラムが広がるレイアウトですね。でも、Windowサイズにあわせて広がるとか、普通すぎませんか?

普通じゃ嫌・みんなと同じは嫌なあなたのために「Windowを広げると縮む・縮めると広がるプラグイン」を作りました。

導入方法

1. jQueryとjDTreverseLiquidを読み込む


3. 実行する

$()で対象にする要素を指定します。

jQuery(function($) {
  $('#contents').dtReverseLiquid();
});

オプション

オプションを使えば、広がる割合の設定、コールバック関数を使うことができます。

オプション項目 内容
ratio デフォルトは2倍です。大きくするとその分早く縮み・広がります。
callback コールバック関数
function(){ handler }

注意

ネタです。

何か役に立つことがあったらシェアしてみてください

このエントリーをはてなブックマークに追加

Comments: 2 - Leave a comment

  1. コバ
    Reply

    お子さんの脳育なんかには使えそう!

    1. nori

      リンクのやつも同じように使えるかもしれないですw

Leave a comment

Trackbacks: 0

Trackback URL for this entry
Listed below are links to weblogs that reference
Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquid from 5509

Author

nori
nori
- UI Engineer
Location
- ,