基于jquery实现左右上下移动效果

}
}
obj.append("<option>"+buffer[y]+"</option>");
}
}else{
for(var y = 0; y < buffer.length;y++)
{
obj.append("<option>"+buffer[y]+"</option>");
if(buffer[y]==temp.value)
{
for(var x = 0; x < objData.length; x++)
{
obj.append("<option>"+objData[x]+"</option>");
}
}
}
}
//选中值
obj.val(objData);
}
function findSelect(selects,objValue)
{
var number = -1;
for(var x = 0; x < selects.length; x++)
{
if(objValue==selects.get(x).value)
number = x;
}
return number;
}

页面调用

<div>
  <div>
   <b>未导出字段</b>
  </div>
  <div style="float:left;">
   <select name="left" multiple="multiple" onchange="selected(this)" style="height:350px;width:200px;">
    <option value="姓名">姓名</option>
    <option value="快件号">快件号</option>
    <option value="快递公司">快递公司</option>
    <option value="首重">首重</option>
    <option value="续重">续重</option>
   </select>
  </div>
 </div>
 <div style="float:left;">
  <div style="margin:30px;margin-top:110px;">
   <input type="button" value="<<" onclick="Shift('left')"/>
  </div>
  <div style="margin:30px;margin-top:30px;">
   <input type="button" value=">>" onclick="Shift('right')"/>
  </div>
 </div>
 <div style="margin-top:-20px;">
  <div style="margin-left:22%;">
   <b>需导出字段</b>
  </div>
  <div style="float:left;">
   <select name="right" multiple="multiple" onchange="selected(this)" style="height:350px;width:200px;">
    <option value="首价">首价</option>
    <option value="续价">续价</option>
    <option value="大大">大大</option>
    <option value="小小">小小</option>
   </select>
  </div>
 </div>
 <div style="float:left;">
  <div style="margin:30px;margin-top:110px;">
   <input type="button" value="向上" onclick="ShiftValue('top')" />
   </div>
  <div style="margin:30px;margin-top:30px;">
   <input type="button" value="向下" onclick="ShiftValue('bottom')" />
  </div>
 </div>