一个jquery特效

Question

jquery用的不多，以前见过一个特效  就是类似这样的，左右边都可以显示，2个箭头可以来回切换

Answer 1

你说的是哪个富客户端的功能，就是JQuery的dialog……

Answer 2

[code=jsp]
jsp文件，Struts2的form标签：
首先是dialog触发器按钮：
<input type="button" id="addCB" class="buttonface02" value="添加承办"/>
之后就是操作表单：
<div id="dialog" title="请选择承办人">
<s:form action="file_addChengban.do" name="chengban" id="chengban" onsubmit="return addchengban();">
<fieldset>
<s:optiontransferselect 
name="leftUsers"
doubleName="rightUsers"
id="leftUsers"
doubleId="rightUsers"

leftTitle="该部门的全部的员工" 
rightTitle="承办人" 

list="users"
listKey="username"
listValue="realname"
doubleList=""
doubleListKey="username"
doubleListValue="realname"


multiple="true" 
doubleMultiple="true" 

addAllToLeftLabel="<<-" 
addAllToRightLabel="->>"
addToLeftLabel="<-"
addToRightLabel="->"

headerKey="leftkey"
headerValue="请选择承办员工" 

allowUpDownOnLeft="false"
allowUpDownOnRight="false"
allowSelectAll="false"

doubleCssStyle="width:120px;height:270px"
 />
<input type="submit" value=" 添加承办人 " class="ui-button ui-state-default ui-corner-all"/>
</fieldset>
</s:form>
[/code]这是js触发事件：
$(function() {
var chengban = $("#chengban");
var allFields = $([]);

$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
height: 'auto',
width:380,
modal: true,
buttons: {
},
close: function() {
allFields.val('').removeClass('ui-state-error');
}
});

$('#addCB').click(function() {
$('#dialog').dialog('open');
})
.hover(
function(){ 
$(this).addClass("ui-state-hover"); 
},
function(){ 
$(this).removeClass("ui-state-hover"); 
}
).mousedown(function(){
$(this).addClass("ui-state-active"); 
})
.mouseup(function(){
$(this).removeClass("ui-state-active");
}); });

Answer 3

http://hi.csdn.net/space-2405877-do-album-picid-758406.html  就是这种效果

Answer 4

    , 不知道 jQuery 是否有这样的插件?