用jquery复制bing图片主页效果(淡入,淡出)

所以,我希望能够复制在bing.com上看到的效果。 当你第一次去那里时,它会加载一个图像背景,并且会淡入一些看起来随机的框中,这些框会在图像上淡入。 然后箱子退出,表明它们已隐藏,但给了你一个关于它们位置的初始指示。

我使用jquery来完成最初的淡入,但我想延迟它一段时间,然后让它淡出。 其余的效果是用css3转换完成的。

以下是我现在使用的内容:


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

</script>



任何意见和帮助,将不胜感激!


你可以在函数调用之间使用.delay()来做到这一点。 (延迟一段时间)。

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

链接地址: http://www.djcxy.com/p/21381.html

上一篇: replicate bing image homepage effect with jquery (fade in, then fade out)

下一篇: fadeout in jQuery