中山php|最优网络中山做网站 中山php建站

最优良人

2011/08/25 at 14:33

JQ实现元素上下移动

jquery实现元素上下移动代码
$('.ctl-prev').click(function(){

$('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul');

//clone(true)参数true是表示把元素所绑定的事件一起克隆,在副本还能够监听到事件并且触发动作
$('#ctl-ul li:last-child').remove();
return false;
});
$('.ctl-next').click(function(){
$('#ctl-ul li:first-child').clone(true).appendTo('#ctl-ul');
$('#ctl-ul li:first-child').remove();
return false;
});

标签:
-