用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); });
上一篇: replicate bing image homepage effect with jquery (fade in, then fade out)
下一篇: fadeout in jQuery