gpt4 book ai didi

javascript - 滚动和消失的元素

转载 作者:太空宇宙 更新时间:2023-11-04 04:50:30 25 4
gpt4 key购买 nike

我今天浏览了一些网站,发现了一个我以前从未见过但我非常喜欢的新 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();
});
});

关于javascript - 滚动和消失的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13577031/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com