jquery - 动画偏移（）。左

Question

我到处找这个。那里有一些答案，但没有一个有效。

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

这可以使 div 移动：

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

但是我所有为动作设置动画的尝试都会导致动作本身失败。

Answer 1

您的元素的样式是否使其能够向左移动？以下对我来说很好。

$("#myDiv").animate({left: '-=1000'});​</p>

现场演示

就像上面的评论一样，向我们展示你在使用什么:)。

Answer 2

像这样使用 .animate() 函数

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

更新： 由于您的分割向左浮动，您可以使用动画属性来marginLeft代替。

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

演示

Answer 3

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

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

http://jsfiddle.net/HPpEY/

Answer 4

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