jquery实现下拉框功能效果

说不清楚，直接上图

  
  
  
    * {
      margin: 0;
      padding: 0;
    }

    div.centent {
      float: left;
      text-align: center;
      margin: 10px;
    }

    span {
      display: block;
      margin: 2px 2px;
      padding: 4px 10px;
      background: #898989;
      cursor: pointer;
      font-size: 12px;
      color: white;
    }
  
  
  


  
    
      选项1
      选项2
      选项3
      选项4
      选项5
      选项6
    

    
      选中添加到右边>>
      全部添加到右边>;>
    
  
  
    

    
      <<选中删除到左边
      <<全部删除到左边
    
  

以上这篇jquery实现下拉框功能效果【实例代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。