jQuery UI

要素の並べ替えとドラッグ＆ドロップ●要素のドラッグを可能にする

 $('div#ex1').draggable({cursor:'move'});

CSS設定/ドラッグ中、カーソルの形を変える設定。要素に重なっただけで変更するには、この要素に対してCSSプロパティcursorを設定。

.ui-sortable{cursor:move;}           /*マウスカーソルの形状を変更*/
.ui-sortable-disabled{cursor:auto;}  /*マウスカーソルの形状を変更*/
#content2{margin: 3px;}
div#ex1{width: 100px; height: 100px;background-color: #fc9;}


実行例　要素を自由にドラッグできるようになる
ドラッグされる要素

html
<div id="ex1"><div class="content2">ドラッグされる要素</div></div>

ドラッグ中の要素を10ピクセルずつ移動させるには
$('div#ex1').draggable({grid:[10,10]});
これも同じくドラッグして移動させるのだが、10px分カクカくと移動する