Question

我想用jquery

获得动画效果

我有一个动画脚本

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

现在我想像这样进行更改

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

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

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

Answer 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/

Answer 2

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

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

Answer 3

我之前有过这个剧本

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

最终工作的最终脚本如下

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

使用jquery进行动画效果

3 个答案: