Question

我今天正在检查一些网站并遇到了一个我之前从未见过的新CSS或JS技巧，但我真的很喜欢。我无法弄清楚它是如何完成的，或者我可以在哪里了解它。这是a link到我看到效果的网站。当您单击顶部的“登录”按钮时会发生这种情况。用什么语言编写代码，我在哪里可以了解它？

Answer 1

他们使用简单的jquery＆amp; 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中搜索动画和变换以获取更多详细信息。

滚动和消失元素

2 个答案: