javascript - 使用jquery动画进行div移动

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 9 年前。

Improve this question

我只想移动 div当用户选择时。当用户单击链接时，div出现，从右向左移动。然后div里面还有另一个链接，当用户单击它时，div应该从左向右移动并消失。

以下是我尝试过的 jQuery 代码:

$('#show').click(function(e){
    e.preventDefault();
    $('div').show().animate({ 'left': 0 }, 300;
});   

$('#hide').click(function(e){
    e.preventDefault();
    $('div').animate({'left': 2050}, 300,function() {$('div').hide()});
});  

还附上了 fiddle ，http://jsfiddle.net/sameerast/JNBAn/

Answer 1

我建议你注意一下css动画。请参阅此示例:http://slides.html5rocks.com/#css-transitions