<header>
<nav class="clearfix">
<h1 class="fl">
</h1>
<div class="nav-r fl">
<p id="mainPageUserMenu" style="background:url(images/blackdown.png) right center no-repeat" class="visitor fr">未登錄</p>
<script>
$(function(){
$("#mainPageUserMenu").click(function(event){
event.stopPropagation();
if($('.subMenu').css("display") == "none"){
$('.subMenu').show();
}else{
$('.subMenu').hide();
}
});
<!-- 點擊頁面關閉下拉框-->
$(document).on("click",function(){
$('.subMenu').hide();
});
$(document).on("click",".visitor",function(event){
event.stopPropagation();
$('.subMenu').show();
});
$(document).on("click",".subMenu",function(event){
event.stopPropagation();
});
});
</script>
<ul class="subMenu fr" style="position: relative;list-style: none; top:50px;right:-100px;">
<li class="myCount"><a href="javascript:navCommon.MyAccountBtnFunc()">我的賬戶</a></li>
<li class="loginOut fll"><a href="javascript:navCommon.LoginOutBtnFunc()">退出登錄</a></li>
</ul>
</div>
</nav>
</header>
點擊頁面空白關閉下拉框
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 在網頁中我們經常會用到模態框，一般會用于顯示表單或者是提示信息。由于模態框涉及到頁面上比較多的交互效果，最簡單的交...
- 寫在前面： 想寫博客的想法很久了，由于懶和不知道寫什么外，擱置了很久才在今天開始下筆寫我的第一篇博客，如果你也...
