今天,我正在检查一些站点,并且遇到了一个以前从未见过的新CSS或JS技巧,但我真的很喜欢。我不知道它是如何完成的,或者在哪里可以学到更多。这是我看到效果的网站的a link。当您单击顶部的“登录”按钮时,就会发生这种情况。哪种语言用于编写该代码,我在哪里可以了解到它?

最佳答案

他们使用了简单的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();
});
});

10-05 20:42