jQuery UI Sortableを使ってドラッグ&ドロップで順序変更できるリストを簡単に作ることができるんですが、見た目がどうも好きじゃないです。なんというか、元いた位置がわからなくなっちゃうとことか。 そんなわけで、自分好みの見た目になるCSS(とJavaScript)を書いてみました。 とりあえずデモを見てみて下さいまし。IE6, IE8, Firefox3.5, Google Chrome 3, Safari 4 で動作確認しました。(IE7だけしてないです。) →LIVE DEMO ではコードを段階的に解説してゆきます。あ、コードは全てデモのHTMLファイル内に書いています。構造は上からCSS、HTML本文、JavaScriptになってます。 デフォルトの まずこれ。 /* 順序変更可能な一覧 */ .sortable-list { background-color: #EEE
![ちょっとリッチなjQuery UI Sortaleのつくりかた - ginpeiのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/468adc725eae601969bc8eae89702251baa5f342/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fg%2Fginpei%2F20100124%2F20100124120808.gif)