jQueryの基本

jQuery UI

要素の並べ替えとドラッグ＆ドロップ●一番基本的な形、CSSでドラッグ可能位置にきたらカーソルの形状を変更する

  $('ul#webtech').sortable();

CSS設定/カーソルの形を変える設定

.ui-sortable{cursor:move;}
.ui-sortable-disabled{cursor:auto;}

実行例　ドラッグ可能位置にきたら、マウスの形が変化する。

HTML
CSS
javaScript
jQuery
Wevサーバー

html

<ul id="webtech">
  <li>HTML</li>
  <li>CSS</li>
  <li>javaScript</li>
  <li>jQuery</li>
  <li>Wevサーバー</li>
</ul>

実行後のHTML

<ul id="webtech" class="ui-selectable">
  <li class="ui-selectee">HTML</li>
  <li class="ui-selectee">CSS</li>
  <li class="ui-selectee">javaScript</li>
  <li class="ui-selectee">jQuery</li>
  <li class="ui-selectee">Wevサーバー</li>
</ul>