使用jquery进行动画效果

时间:2013-10-25 11:52:22

标签: jquery

我想用jquery

获得动画效果

我有一个动画脚本

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft
}, 500);

现在我想像这样进行更改

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft}, 
                         function() 
                             {
                                   $(popupID).fadeOut();
                             }, 500);

但是脚本没有运行,这意味着它有一些错误,

我怎样才能解决它,以便当div向右滑动时,它逐渐消失

3 个答案:

答案 0 :(得分:1)

除非您在某处定义fadeOut功能,否则会出现错误。动画持续时间也应该是第二个参数。试试这个:

$(popupID).animate({ left: $(window).width() / 2 + popupMarginLeft }, 500, function() {
    $(this).fadeOut(500);
});

http://jsfiddle.net/qgVbR/1/

或者如果你想为不透明度和位置设置动画:

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft,
    opacity: 0
}, 500);

http://jsfiddle.net/qgVbR/

答案 1 :(得分:0)

您必须指定要淡出的元素:

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft
},function(){
    $(popupID).fadeOut(500); // you can also use $(this) instead of $(popupID)
},
500);

答案 2 :(得分:0)

我之前有过这个剧本

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft},function() 
                             {
                                   $(popupID).fadeOut();
                             }, 500 
                         );

最终工作的最终脚本如下

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft}, 500 , 
                         function() 
                             {
                                   $(popupID).fadeOut();
                             });