jquery - 文本的jQuery淡入不平滑淡入

Question

与我在这里看到的其他帖子不同，我将 jQuery fadeIn 用于可变文本而不是图像。我看到它随着最后一个脉冲逐渐变成全彩色，有点波涛汹涌。我希望它逐渐消失。我已经在 jsFiddle 上发布了它：http: //jsfiddle.net/9sPFa/

在此先感谢您的帮助！

Answer 1

它看起来像一个 webkit 渲染问题，一个静态元素和中间动画之间的区别（可能与字体平滑相关）。这个“错误”可以通过对你的文本定位 webkit 应用不透明度来修复（因为它不是 Firefox 的问题）：

-webkit-opacity: .99;

你的动画在 chrome/safari 中会很流畅：http: //jsfiddle.net/davechiu/9sPFa/3/

Answer 2

对我来说看起来不错..也许尝试将时间间隔从 1300 增加到 2500 并检查您是否看到相同的结果..

// fade in of 3 phrases
        $("#fade1").fadeIn(2500, function() {
            $("#fade2").fadeIn(2500, function() {
                $("#fade3").fadeIn(2500);
            });
        });​