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

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

2008年02月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
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で提供できます。

関連エントリ
関連の記事検索:jQuery, JavaScript, Ajax
スポンサード リンク

By.KJ : 2008年02月20日 10:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)