javascript - 滚动和消失元素

Question

我今天查看了一些网站，发现了一个新的 CSS 或 JS 技巧，我以前从未见过，但我真的很喜欢。我不知道它是如何完成的，或者我可以在哪里了解更多关于它的信息。这是我看到效果的网站的链接。当您单击顶部的“登录”按钮时会发生这种情况。使用什么语言编写该代码，我在哪里可以了解它？

Answer 1

他们使用简单的 jquery 和 css 函数来实现这一点。

这是他们的

$(document).ready(function(){
var toggleLogin = 1;
$(".toggleLogin").click(function () {
    if (toggleLogin == 1) {
        toggleLogin = 0;
        $("#login").animate({ top: 0 });
        $("#IconBenchUsername").focus();
    } else {
        toggleLogin = 1;
        $("#login").animate({ top: -43 });
    }
    $("#invisLoginArea").slideToggle();
});
});

Answer 2

您可以使用 Javascript 或 CSS3 来实现，这是一个简单的动画效果。顺便说一句，我认为 CSS3 对你来说更容易。您可以在 Google 中搜索动画和变换以获取更多详细信息。