Question

只是想知道在用户登录后约5秒钟后，左上角的徽标最好的方法是什么？

这是http://jsfiddle.net/elroyz/sjD8X/，角落里有徽标

body {
background-color:#000;}

我只是把它放入，因为它不会让我发布没有代码

我读了一些关于jquery延迟的内容，但我几乎一无所知，所以认为可能还有其他选择

提前致谢

Answer 1

$('img').delay(5000).fadeOut(250);

这将在5秒后淡出img。代码中的时间以毫秒为单位。

有关此内容的更多信息，请参阅

Answer 2

尝试使用此过渡。

http://www.problogdesign.com/coding/get-started-with-css3-transitions-today/

好运！

Answer 3

HTML

<img onload="this.style.opacity='1';" src="image path" />

CSS

img {opacity:0;-moz-transition: opacity 2s;-webkit-transition: opacity 2s;-o-transition: opacity 2s;transition: opacity 2s;}

Answer 4

CSS 3动画。（使用供应商前缀，因为它仍然是新的和实验性的）：

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

#logo {
  -webkit-animation: fadein 5s infinite;
  -moz-animation:    fadein 5s infinite;
  -o-animation:      fadein 5s infinite;
  animation:         fadein 5s infinite;
}

延迟徽标淡入网站？

4 个答案: