<style type="text/css">
span.hl {
  background-color: #E8A400;
  cursor: move;
  float:left;
  padding: 2px;
  height: 30px;
  width:100px;
}
ul#sort li.rr span { background-color: #A466E8; }
ul#sort input { text-align:center;width:30px; }
ul#sort li {
  list-style: none outside;
  margin: 10px 0px;
  padding: 0px;
  height:34px;
  border:1px solid #E8A400;
  background-color: #FFF4D8;
  clear: both;
}
ul#sort li.rr {border:1px solid #A466E8;background-color:#e6b9ff;}
</style>

<ul id="sort">
<li id="idx_1"><span class="hl"><input type="text" value="1" id="sw_1" /></span>No.1</li>
<li id="idx_2" class="rr"><span class="hl"><input type="text" value="2" id="sw_2" /></span>No.2</li>
<li id="idx_3"><span class="hl"><input type="text" value="3" id="sw_3" /></span>No.3</li>
<li id="idx_4" class="rr"><span class="hl"><input type="text" value="4" id="sw_4" /></span>No.4</li>
<li id="idx_5"><span class="hl"><input type="text" value="5" id="sw_5" /></span>No.5</li>
<li id="idx_6" class="rr"><span class="hl"><input type="text" value="6" id="sw_6" /></span>No.6</li>
<li id="idx_7"><span class="hl"><input type="text" value="7" id="sw_7" /></span>No.7</li>
<li id="idx_8" class="rr"><span class="hl"><input type="text" value="8" id="sw_8" /></span>No.8</li>
<li id="idx_9"><span class="hl"><input type="text" value="9" id="sw_9" /></span>No.9</li>
<li id="idx_10" class="rr"><span class="hl"><input type="text" value="10" id="sw_10" /></span>No.10</li>
</ul>

<script type="text/javascript" src="http://never-ever.info/common/libs/prototype.js"></script>
<script type="text/javascript" src="http://never-ever.info/common/libs/scriptaculous.js"></script>
<script type="text/javascript" src="http://never-ever.info/common/libs/effects.js"></script>
<script type="text/javascript" src="http://never-ever.info/common/libs/controls.js"></script>
<script type="text/javascript" src="http://never-ever.info/common/libs/dragdrop.js"></script>

<script type="text/javascript">
// <![CDATA[
Sortable.create(
	'sort', 
	{
		constraint: false,
		handle: 'hl',
		onUpdate: function( ele ) {
			var weight = 1 ;
			Sortable.sequence( ele ).each(
				function( num ) {
					$('sw_'+num).value = weight++ ;
				}
			) ;
		}
	}
);
// ]]>
</script>