过早停止 jQuery 动画

发布于 2024-08-26 23:09:23 字数 451 浏览 7 评论 0原文

我正在尝试使用 JQuery 淡入和淡出透明 png。当然，它在 Firefox 中看起来很流畅，但在 IE（7 和 8）中明显不太可接受。这是 IE 的一个已知错误，不幸的是似乎没有太多的解决方法。

基本上我正在做的就是在图像上放置一个半透明的白色矩形，使图像出现在“背景中”。我想顺利地做到这一点，这就是 fadeIn 的用武之地。然而，由于 IE 错误，我被迫在图像上淡入一个完全不透明的白色矩形，不幸的是它消失了。虽然这看起来明显更好并且几乎是我正在寻找的，但它仍然是不可接受的。用户需要能够在页面上看到一些图像，尽管是在背景中。

所以我的问题是这样的：

有没有办法在动画达到预期动画时间的 75% 后停止 fadeIn 函数（或任何 jquery 动画，真的）？

这将使我的图像 75% 混合白色矩形，而且我不必处理 IE 令人讨厌的透明 png 错误。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

如此安好 2024-09-02 23:09:23

您可以使用不透明图像并将其不透明度设置为 75%。

  $('#overlay').animate({
    opacity: 0.75
  }, 5000, function() {
    // Animation complete.
  });

You could use an opaque image and just animate it's opacity to 75%.

  $('#overlay').animate({
    opacity: 0.75
  }, 5000, function() {
    // Animation complete.
  });

回复收藏 0 原文

离旧人 2024-09-02 23:09:23

使用 animate 函数将不透明度属性设置为您想要的级别，而不是 fadeIn/fadeOut。

回复收藏 0 原文

落在眉间の轻吻 2024-09-02 23:09:23

您还可以使用 fadeTo 函数。

这是合成：

.fadeTo( duration, opacity, [ callback ] )

You can also use the fadeTo function.

This is the synthax:

.fadeTo( duration, opacity, [ callback ] )

回复收藏 0 原文

焚却相思 2024-09-02 23:09:23

不推荐适合您的情况，但这是您所问问题的实际答案:-)

.stop( [ clearQueue ], [ jumpToEnd ] )

当对元素调用 .stop() 时，
当前正在运行的动画（如果
任何）立即停止。如果，对于
例如，一个元素被隐藏
当 .stop() 为 .slideUp() 时
被调用，该元素现在仍然是
显示，但将是一小部分
它以前的高度。打回来
不调用函数。

http://api.jquery.com/stop/

Not recommended for your situation, but here's the actual answer to your question as asked :-)

.stop( [ clearQueue ], [ jumpToEnd ] )

When .stop() is called on an element,
the currently-running animation (if
any) is immediately stopped. If, for
instance, an element is being hidden
with .slideUp() when .stop() is
called, the element will now still be
displayed, but will be a fraction of
its previous height. Callback
functions are not called.

http://api.jquery.com/stop/

回复收藏 0 原文

~没有更多了~