ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」
2008年02月20日
スポンサード リンク
jqDnR :: Minimalistic Drag'n'Resize for jQuery
1. 赤の領域をドラッグして自由にリサイズできる要素作成

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

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

プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。
CSSでスタイルすれば、当然、もっと綺麗なUIで提供できます。
関連エントリ
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
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















