要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」

要素をドラッグすることがあるかもしれません。
そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。

使用方法
EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("要素").easydrag();
});
</script>
上記を記述したら、あとはドラッグしたい要素を書き込めば完成です。
オプションを利用することで、ドラッグ時、ドロップ時にイベントを起こすことが出来ます。
$("要素").ondrop(function(e, element){ alert("Thanks for Dragging")}); //ドロップ時
$("要素").ondrag(function(e, element){ alert("You're Dragging!!")}); //ドラッグ時
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」サンプル

2008年01月15日

前の記事：jQueryでCSSを切り替えるjavascript「Switch stylesheets with jQuery」
次の記事：シンプルなニュースティッカーjavascript「aScroller」

関連記事

• [jQuery]Draggables
• ドラッグ＆リサイズが可能なjavascript「jqDnR」
• 奥から手前にズームするJavaScript「Spacegallery.js」
• amazonライクにぐるぐる回るJavaScript「3D Image Carousel」
• [jQuery]Confirm

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」