通常,對於下拉菜單,您會希望當您選擇菜單摺疊選項時,但這不是我的情況。我不想崩潰的下拉菜單中,如果用戶嘗試登錄,點擊用戶名和密碼:下拉菜單總是在點擊時崩潰
http://www.filmgratuiti.org/streamingembed2.php?nome=jobs
我記得它的工作前一陣子大概這是關於CSS,我已經清理同時。 有沒有一個簡單的方法來做到這一點?
PS:我不知道爲什麼,但它看起來像我不能共享可點擊的鏈接...
通常,對於下拉菜單,您會希望當您選擇菜單摺疊選項時,但這不是我的情況。我不想崩潰的下拉菜單中,如果用戶嘗試登錄,點擊用戶名和密碼:下拉菜單總是在點擊時崩潰
http://www.filmgratuiti.org/streamingembed2.php?nome=jobs
我記得它的工作前一陣子大概這是關於CSS,我已經清理同時。 有沒有一個簡單的方法來做到這一點?
PS:我不知道爲什麼,但它看起來像我不能共享可點擊的鏈接...
試試這個 HTML
<div class="signup" >
<a href="#">LOGIN</a>
</div>
<div class="login_form ">
<form method="post" action="#">
<p>Email</p>
<p><input type="email" name="email" class="email" placeholder="Email"></p>
<p>Password</p>
<p><input type="password" name="password" class="password" placeholder="Password"></p>
<br>
<p><span><input type="checkbox" name="check" class="check" style="vertical-align:middle;">Remember me</span><span class="login_btn" ><a href="#">Login</a></span> </p>
</form>
</div><!-- login_form -->
CSS
.signup
{
background-color:rgb(255,255,255);
width:25%;
height:25px;
border-color:rgb(221,221,221);
border-width:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
border-style:solid;
text-align:center;
padding:9px 8px 0 5px;
margin-top:10px;
}
.signup a
{color:#444444;
font-size:0.9375em;
text-decoration:none;
}
.login_form
{
width:50%;
height:auto;
padding:10px 0 0 0;
position:absolute !important;
}
.login_form p
{line-height:150%;
font-size:0.875em;
color:#535353;
padding-left:5px;
}
.email, .password
{border:1px solid #D9D8D7;
width:96%;
}
.login_btn
{
display:block;
width:80%;
padding:3px 0 5px 0;
border-color:rgb(242,128,8);
border-width:1px;
border-style:solid;
text-align:center;
margin-bottom:2px;
}
.login_btn a
{color:#fff;
}
JS
$(".login_form").hide();
$(".signup, .login_form").click(function(e) {
$(".login_form").show();
e.stopPropagation();
return true;
});
$(document).click(function(){
$('.login_form').hide(); //hide the form
});
這裏是工作fiddle
謝謝,我試圖讓它工作。我會讓你知道 –
我的頁面有一個jquery的信息,我只能找到它 –
做一些小提琴,所以我們可以測試它。 –
我現在就做吧 –
奇怪的事情,但與小提琴是一種工作[鏈接](http://jsfiddle.net/5Hgcz/2/)我想我只需要打開螢火蟲,並禁用每一個統治一次,以找出 –