Question

这是我的脚本...如何让点击（块）上显示的div向下滑动而不是立即显示？我已经看到了这个问题和答案，但所有的答案都在jquery中，我甚至无法理解如何添加它。我不知道任何jquery，我几乎不懂javascript。我从模板中获得了点击显示/隐藏功能的代码。

function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block"; 
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display=    "block"; }
else { document.getElementById(d).style.display = "none"; }
}

Answer 1

要实现动画效果，必须以给定的间隔或帧速率移动元素。最简单的方法是设置一个带延迟的动画循环。因此，使用setTimeout和setInterval，在调用setTimeout(c,t)时，setInterval(c,t)允许在setTimeout的情况下从现在开始以t毫秒执行javascript代码c，并且每个t在setInterval的情况下，miliseoncds。

setTimeout(doSomething,500); // calls doSomething() 500 miliseconds from now
setInterval(doSomething,500); // calls doSomething() every 500 miliseconds until stopped

可以找到一个例子here 您几乎必须自己编写所有代码。有一个复杂的example here可以做到这一点，但涉及的水平很高。

但说实话，这不是最简单的方法。 jQuery是一个很好的资源，一个可以执行animate等许多操作的JavaScript库。您可以找到一个简单的jQuery教程，然后从那里开始。网上有很多。

jQuery示例 Heres a jsfiddle以及如何淡入和淡出的代码示例。

动画从无到阻止，javascript

1 个答案: