2012-07-17 45 views
0

http://jsfiddle.net/jX7An/3/动画到位置不起作用

我已经得到了可以在上面的jsfiddle中看到的代码。出于某种原因,我无法将其制作成动画。任何人都可以看到我做错了什么?

谢谢。

-Edit-为了扩展,我期待着得到一些东西来复制和飞离页面(只是试图让它在此时“飞”)。谢谢。

回答

3
$(this) 
    .clone() 
    .appendTo('body') // you must add the clone to the document 
    .css({'position' : 'absolute', 'background-color' : '#F00'}) 
    .animate({opacity: 0.4}, 100).delay(100) 
    .animate({opacity: 0.1, marginLeft: 100, marginTop: 500, width: 50, height: 50}, 100); 

您必须将clone()元素添加到文档中。

的jsfiddle:http://jsfiddle.net/jX7An/8/

+0

啊!我懂了。辉煌。感谢你的帮助。 – user1380591 2012-07-17 22:23:03

1

您并未将克隆添加到正文中。

请参阅http://jsfiddle.net/jX7An/10/

+0

或实际使用克隆,而不仅仅是创建它。 – TheZ 2012-07-17 22:19:20

+0

我正在寻找离开它,但一个副本飞离页面。任何想法我可以做到这一点,而不是使用克隆? – user1380591 2012-07-17 22:19:55

+0

@ user1380591然后将克隆版本附加到DOM。 – TheZ 2012-07-17 22:20:15