Question

我正在制作一个网站。我找到了这个链接来创建旋转动画。

我希望能够以4秒的速度显示此动画，然后让它淡入网站。我只掌握html和css的知识，所以如果有人能帮助我，那就太好了。

Answer 1

（文档）$。就绪（函数（）{$（＆＃34;主体＆＃34;）隐藏（）淡入（1000）;}）;

Answer 2

我不完全确定您正在寻找的是什么，但我最好的猜测是，您希望使用您在网站前链接的问题的答案，并且您希望图像淡出，网站在指定的时间后淡入。

要在指定的时间长度后执行操作，请使用

setTimeout(function, duration)

Documentation on setTimeout

分别隐藏/显示图片/网站，您可以使用以下内容：

function(){
  document.getElementById("content").style.display = "block";
  document.getElementById("loading").style.display = "none";
}

然后你将它们组合成：

setTimeout(function() {
  document.getElementById("content").style.display = "block";
  document.getElementById("loading").style.display = "none";
}, 4000);

您还可以使jQuery能够为转换设置动画：

setTimeout(function() {
  $("#content").show(1000);
  $("#loading").hide(1000);
}, 4000);

这里有jsFiddle，证明它有效。

css动画后显示网站

2 个答案: