如何做Dropbox喜欢登录按钮？
我正在尝试像登录按钮一样做Dropbox。 在jQuery中有一个线程dropbox登录弹出方法？ 但是我无法做到这一点。 当我按下与dropbox.com相同的登录按钮时，我希望它被打开
这是一个示例代码。 现在它可以hover。 但我想点击。 我尝试过专注但不能成功。
Login Login Form Lorem Ipsum blablbalbabababa lbablaabalbalba 和
div#login { position: relative; float: right; height: 20px; padding: 5px; } div#login:focus { background: rgba(0,0,0,.2); } div#login div { position: absolute; top:30px; right:0; width: 200px; height: 100px; padding: 10px; background: rgba(0,0,0,.2); visibility: hidden; } div#login:focus div { visibility: visible; }
这是此代码的演示http://jsfiddle.net/sXmAe/
Jquery可能更容易，但我不知道如何。
简单地消除这个规则：
div#login:focus div { visibility: visible; }
然后这个jQuery将使它在点击时可见：
$("#login a").click(function(){ $("#login div").css("visibility","visible"); });
你可以在这里看到它的动作： http ： //jsfiddle.net/jPPew/2/
（我添加了一个边距，因此JSFiddle“Result”横幅不会妨碍点击。“）
编辑：如果您要求该行为也“关闭”登录区域，如果您点击其他地方，尝试这样的事情： http ： //jsfiddle.net/jPPew/6/
$("#login").click(function(e){ $("#login div").css("visibility","visible"); e.stopPropagation(); }); $("body").click(function(e){ $("#login div").css("visibility","hidden"); });
你可以尝试这个http://jsfiddle.net/sXmAe/50/