Question

问题1：我想在悬停时动画下降到页面底部的字母。我也想逐渐提高这封信的速度。

我尝试了以下操作，但它不起作用：

myspan.animate({"top": $(window).outerHeight()}, speed-=1000, "linear", function() {
    $(this).remove(); //remove when animated letter reaches bottom
});

在animate功能中我可以逐渐改变每次通话的速度吗？

小提琴：http://jsfiddle.net/LpL8K/4/

问题2：您会看到字母落在页面底部附近，会出现一个滚动条。这会将整个页面移动到屏幕左侧。我怎么能不出现滚动条？

问题3：所有字母都显示在彼此之上。我已经尝试"letter-spacing": "0.9em"来解决此问题，但它没有帮助。为什么呢？

Answer 1

可能你想要这样的东西：

http://jsfiddle.net/abdennour/cpQns/1/

setTimeout(function(){
                        $(span).animate(spanDimensions[i], 400, !spans[i+1] && function(){
                            p.html(originalContent);    
                        });
                    }, i *i* 50);

降低速度的代码是timeout = i*i*50

如果你想要相同的速度：timeout = i*50

如果最后变得非常慢，你可以使用此超时= i *(i*10+ 50) http://jsfiddle.net/abdennour/cpQns/2/

更新：

如果小提琴就像你发布的那样：看到这个小提琴： http://jsfiddle.net/abdennour/LpL8K/5/

if(speed>=speedmax){speed=speedmin}else{speed=speed+500}

逐渐减少jQuery每次调用的动画速度

1 个答案: