javascript - Javascript 打开一个实际的窗口

Question

我正在尝试使用 javascript 制作动画。

基本上，墙上会有一个窗口，当鼠标悬停在上面时，窗口会打开，并且会显示一个图像。

我知道这很具体，但是擅长 javascript 的人可以帮助我吗？

我的想法是创建一个gif做开场动画，并使用 javascript 来控制时间。

你怎么看？

score 0 · Accepted Answer

制作一个 div 并将其定位为绝对位置，以便该 div 代表您的窗口。然后制作一个代表动画的函数。每次调用该函数时，都应该对“窗口”的位置和大小进行微小的更改。使用 setTimeout 定期调用此函数，您将实现动画。如果鼠标熄灭，您必须开始回滚动画。多读一点关于 JS 时代的文章，你就会写出来。

同样作为建议总是这样的白色时间：

setTimeout(func() {
    ....
}, 1000);

在这种情况下 func() 将在 1000 毫秒后被调用。因此，您可以在函数结束时添加此计时器。使您的函数从 func() 调用，您将拥有循环。

希望这对你有帮助

score 0 · Accepted Answer

我不知道这是否会有所帮助，但我创建了一个具有类似功能的网站，用于通过鼠标悬停打开门。该网站是http://www.bandofamericasfew.com/ 去查看源代码，看看它是否有帮助。如果您有任何问题，请告诉我。

2 回答 2