這篇文章給大家分享的是有關(guān)基于jquery如何實(shí)現(xiàn)左右上下移動(dòng)效果的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來(lái)看看吧。

臺(tái)前ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

最近再做報(bào)表時(shí)候，直接把全部字段都導(dǎo)出了，但這不太靈活?；貞浝蠋熤v過的項(xiàng)目做報(bào)表如下左右上下移功能靈活控制，所以就嘗試下咯。

js代碼

function selected(thiz) 
{ 
 var name = thiz.name; 
 if(name=="right") 
  $("select[name='left']").val(""); 
 else 
  $("select[name='right']").val(""); 
} 
function Shift(thiz) 
{ 
 var right = $("select[name='right']"); 
 var left = $("select[name='left']"); 
 if(thiz=="left" && right.val() != ""){ 
  lrShift(right,left); 
 }else if(thiz=="right" && left.val() != ""){ 
  lrShift(left,right); 
 } 
 
 //獲取選中的值 
} 
//從dest移動(dòng)到target 
function lrShift(dest,target) 
{ 
 var childrens = dest.children(); 
 var args = ""; 
 //alert(dest.val()); 
 var dests = dest.val() 
 for(var x = 0; x < dests.length; x++) 
 { 
  var vaTemp = dests[x]; 
  target.append(""+vaTemp+"");//追加 
  target.find("option[value='"+vaTemp+"']").attr("selected",true);//給追加獲取焦點(diǎn) 
  for(var y = 0; y  childrens.length-1) 
    return; 
   temp = childrens.get(number); 
  } 
 
  //刪除選中的值 
  var n = 0; 
  var buffer = new Array(childrens.length-objData.length); 
  for(var x = 0; x < childrens.length;x++) 
  { 
   var value = childrens.get(x).value; 
   if(strs.indexOf(value)==-1) 
    buffer[n++] = value; 
  } 
 
  //添加新排序的值 
  obj.empty(); 
  if(address=="top") 
  { 
   for(var y = 0; y < buffer.length;y++) 
   { 
    if(buffer[y]==temp.value) 
    { 
     for(var x = 0; x < objData.length ; x++) 
     { 
      obj.append(""+objData[x]+""); 
     } 
    } 
    obj.append(""+buffer[y]+""); 
   } 
  }else{ 
   for(var y = 0; y < buffer.length;y++) 
   { 
    obj.append(""+buffer[y]+""); 
    if(buffer[y]==temp.value) 
    { 
     for(var x = 0; x < objData.length; x++) 
     { 
      obj.append(""+objData[x]+""); 
     } 
    } 
   } 
  } 
  //選中值 
  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; 
}

頁(yè)面調(diào)用

 
  
 
   未導(dǎo)出字段 
  
 
   
    
    姓名 
    快件號(hào) 
    快遞公司 
    首重 
    續(xù)重