动画从无到块，javascript

Animate from none to block, javascript

本文关键字：javascript 动画      更新时间：2023-09-26

这是我的脚本...如何让点击（块）时显示的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"; }
}

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

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

可以在此处找到这方面的示例您几乎必须自己编写所有代码。这里有一个复杂的例子可以做到这一点，但所涉及的级别很高。

但说实话，这不是最简单的方法。 jQuery是一个很好的资源，一个JavaScript库，可以做很多事情，比如animate。你可以寻找一个简单的jQuery教程，然后从那里开始。网上有很多。

j查询示例这是一个带有如何淡入和淡出的代码示例的 jsfiddle。

相关文章：