jQuery UI

要素の並べ替えとドラッグ＆ドロップ●ドラッグ終了後に要素が配置される位置を示す

  $('ul#webtech').sortable({placeholder:'sortable-hover',revert:true});

CSS設定/カーソルの形を変える設定とドラッグ位置の色を設定（赤）

.ui-sortable{cursor:move;}
.ui-sortable-disabled{cursor:auto;}
.sortable-hover{background-color:red;}


実行例　ドラッグ可能位置にきたら、配置される位置の色を変化させて表示する（赤で指示）。

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

実行後のHTML