前の記事 «:CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル
次の記事 »:簡単4コマ漫画作成ツール「4コマニア」

ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」

2008年02月20日

スポンサード リンク
jqDnR :: Minimalistic Drag'n'Resize for jQuery
jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements.
ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」。

1. 赤の領域をドラッグして自由にリサイズできる要素作成


2. ドラッグ移動できる要素を作成


3. 赤いバーでドラッグ移動し、右下の赤いつまみでリサイズするボックスの作成


プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。
CSSでスタイルすれば、当然、もっと綺麗なUIで提供できます。

関連エントリ
スポンサード リンク

投稿者 KJ : 2008年02月20日 10:08 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。