javascript - jQuery 动画左右移动

Question

使用 jquery 的 .css() 我正在更改左侧属性值以将 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，而不是仅仅移动像素变化

Answer 1

试试 animate()

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