Javascript jQuery为左右移动设置动画

使用jquery的

.css（）

我正在更改left attributes值以向左或向右移动div。我正在寻找一种方法，在这种变化发生时制作动画。我尝试过的一切都不起作用，我尝试过jQueryUI的

.show（slide）

功能，但这会移动整个div，而不仅仅是我需要的120px移动

这是我当前的功能，它在没有动画的情况下工作：

$('#plrt').live("click",function(){
    var lm=$('.plwid').css("left");
    lm = (parseInt(lm) + 120);
    $('.plwid').css("left", lm);    
});

这是幻灯片功能，它不能正常工作，因为整个div从

display:hide

变为

display:show

，而不仅仅是移动像素更改

尝试

animate（）

尝试

animate（）

试试这个

试试这个

---

我快速举了一个例子，说明我认为您正在努力实现的目标。
你应该退房

//注意live已被弃用
$（'#plrt'）。在（“单击”，函数（）上）{
//执行自定义动画，将120px添加到当前左侧CSS位置
$（'.plwid'）。设置动画({
左：'+=120'
});
});
#plrt{
位置：相对位置；
背景：红色；
宽度：100px；
高度：100px；
光标：指针；
}
普利维德先生{
位置：绝对位置；
背景：蓝色；
宽度：100px；
高度：100px；
}
我快速举了一个例子，说明我认为您正在努力实现的目标。

你应该退房


//注意live已被弃用
$（'#plrt'）。在（“单击”，函数（）上）{
//执行自定义动画，将120px添加到当前左侧CSS位置
$（'.plwid'）。设置动画({
左：'+=120'
});
});
#plrt{
位置：相对位置；
背景：红色；
宽度：100px；
高度：100px；
光标：指针；
}
普利维德先生{
位置：绝对位置；
背景：蓝色；
宽度：100px；
高度：100px；
}

您尝试过使用动画吗？@dqlopez。你需要在链接中使用
http://
，这样它才能工作……给我们看一些，或者按照@Jrod的建议。你试过使用animate吗？@dqlopez。您需要在链接中使用
http://
，这样它才能工作……给我们看一些，或者按照@Jrod的建议。@dqlopez我只是在使用OP的代码，但有一点很好-updated@dqlopez这就是我使用
.live
的坏习惯，在1.7@zoltan之前使用它的坏习惯，谢谢你，先生，这就像一个charm@dqlopez我只是在用OP的密码，但有一点很好-updated@dqlopez这就是我使用
.live
的坏习惯，在1.7@zoltan之前使用它的坏习惯，谢谢你，先生，这很有魅力
$('#plrt').on("click",function(){
    $('.plwid').animate({ left: '+=120' }, 400 );
});

$('#plrt').on('click', function() { 
    $('.plwid').animate({ left: '+=120', 5000 });     
});