animate offset（）。left

Question

我到处寻找这个。有一些答案，但没有一个有用。

当用户在按钮上执行鼠标悬停时，我想要做的就是慢慢地将div移动到左侧。

这可以让div移动：

$("#myDiv").offset({left:-1000});

但是我动画移动的所有尝试都导致移动本身失败。

Answer 1

元素的样式是否赋予它向左移动的能力？以下对我来说很好。

$("#myDiv").animate({left: '-=1000'});

<强> Live Demo

与上述评论一样，向我们展示您正在使用的内容：）。

Answer 2

像这样使用.animate（）函数

$("#myDiv").animate({ left: '-1000' });

<强>更新 由于您的分区浮动到左侧，因此您可以使用marginLeft来设置属性的动画。

$("#myDiv").animate({ marginLeft: '-1000' });

Demo

Answer 3

使用jQuery的animate函数来执行此操作。

$('button').mouseover(function () {
    $('#mydiv').animate({left: '100px'}, 'slow'); 
});

http://jsfiddle.net/HPpEY/

Answer 4

是的，答案中已经提供了正确的javascript解决方案。您还可以考虑使用css3过渡。看看我刚才写的jsFiddle。