<div class="codetitle"> <span><a style="CURSOR: pointer" data="18163" class="copybut" id="copybut18163" onclick="doCopy('code18163')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code18163"> <br><html xmlns="http://www.w3.org /1999/xhtml"> <br><머리> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>Jquery实现角color左右选择特效</title> <br><style type="text/css"> <br>*{margin:0;padding:0;list-style-type:none;} <br>a,img{border:0;} <br>body{font:12px/180% Arial, Helvetica, sans -serif, "new宋体";} <br><br>.selectbox{width:500px;height:220px;margin:40px auto 0 auto;} <br>.selectbox div{float:left;} <br>. selectbox .select-bar{padding:0 20px;} <br>.selectbox .select-bar select{ <br>width:150px;height:200px;border:4px #A0A0A4 outset;padding:4px; <br>} <br>.selectbox .btn{너비:50px; 높이:30px; 여백 상단:10px; 커서:포인터;} <br></style> <br><br><script type="text/javascript" <BR>src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </스크립트> <br><script type="text/javascript"> $('#select1 옵션:선택됨').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>}); 🎜>$('#select2').dblclick(function(){ <br>$("option:selected",this).appendTo('#select1'); <br>}); <br></script> <br></head> <br><본문> <br><div class="selectbox"> <br><div class="select-bar"> <br><select multiple="multiple" id="select1"> <br><option value="超级管理员">超级管理员</option> <br><option value="普通管理员">普通管理员</option> <br><option value="信息发布员">信息发布员</option> <br><option value="财务管理员">财务管理员</option> <br><옵션 값="产품管리员">产품管리员</option> <br><option value="资源管理员">资源管理员</option> <br><option value="管理员">管理员</option> <br></select> <br></div> <br><br><div class="btn-bar"> <br><span id="add"><input type="button" class="btn" value=">"/></span><br /> <br><span id="add_all"><input type="button" class="btn" value=">>"/></span><br /> <br><span id="remove"><input type="button" class="btn" value="<"/></span><br /> <br><span id="remove_all"><input type="button" class="btn" value="<<"/></span> <br></div> <br><br><div class="select-bar"><select multiple="multiple" id="select2"></select></div> <br></div> <br></body> <br></html> <br><br> </div>
