Jqueryが実現するキャラクターの左右に特効を選択

 
  
 
  
 
  
 
  
 
  
 
  
 
  
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
  
 
  <br>$(function(){ 
  <br>//     
  <br>$('#add').click(function(){ 
  <br>//       ，         
  <br>$('#select1 option:selected').appendTo('#select2'); 
  <br>}); 
  <br> 
  <br>//     
  <br>$('#remove').click(function(){ 
  <br>$('#select2 option:selected').appendTo('#select1'); 
  <br>}); 
  <br> 
  <br>//       
  <br>$('#add_all').click(function(){ 
  <br>//       ,         
  <br>$('#select1 option').appendTo('#select2'); 
  <br>}); 
  <br> 
  <br>//       
  <br>$('#remove_all').click(function(){ 
  <br>$('#select2 option').appendTo('#select1'); 
  <br>}); 
  <br> 
  <br>//     
  <br>$('#select1').dblclick(function(){ //       
  <br>//       ,         
  <br>$("option:selected",this).appendTo('#select2'); //      
  <br>}); 
  <br> 
  <br>//     
  <br>$('#select2').dblclick(function(){ 
  <br>$("option:selected",this).appendTo('#select1'); 
  <br>}); 
  <br>}); 
  <br>