滚动和消失的元素

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

来源

2012-11-27 Marcus

截图和代码会让你远远超过该链接。 –

听起来不错，谢谢你的提示！ – Marcus

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

来源

2012-11-27 03:47:29

我也会在延迟上触发动画，以防止事件排队并多次触发，如[this]（http://stackoverflow.com/questions/13490536/animate-queue-simulation-for-older-jquery -verions-Drupal的冲突/ 13556380＃13556380） –

你可以做到这一点与Javascript或CSS3，这是一个简单的动画效果。顺便说一下，我认为CSS3对你来说更容易。您可以在Google中搜索动画并进行变形以获取更多详情。

来源

2012-11-27 03:49:17 trinity

滚动和消失的元素

回答

相关问题