使用jquery复制bing图像主页效果（淡入，然后淡出）

Question

所以，我希望能够复制bing.com上看到的效果。当你第一次去那里时，它会加载一个图像背景，它会在一堆看似随机的框中消失，这些框会在图像上淡入淡出。那些盒子然后淡出，表明它们是隐藏的，但是给你一个关于它们位置的初步指示。

我正在使用jquery来做初始的fadeIn，但我想将它延迟一段时间，然后让它fadeOut。其余的效果是通过css3过渡完成的。

这就是我现在正在使用的内容：

<script type="text/javascript">
    $(document).ready(function () {
        $('.floatBtn').hide().fadeIn(1000);
    });

</script>

任何建议和帮助将不胜感激！

Answer 1

您可以在函数调用之间使用.delay()来完成此操作。 （延迟一段时间。）

因此请使用$(document).ready(function () { $('.floatBtn').hide().fadeIn(1000).delay(5000).fadeOut(1000); });