点击页面其他地方隐藏div

 

<div class="head left">
 <div class="left" style="width:400px;"><img  src="{*$_baseUrl*}/images/front/LOGO.jpg" class="cursor"  onclick="redirect('front/index')"/></div>
 <div class="right font12"><a class="cursor" id="manage_area">登录</a>&nbsp;&nbsp;<a class ="cursor"  onClick ="javascript:window.external.AddFavorite(document.URL,document.title);return false" > 收藏本站 </a></div>
 <div class="right login" id="login" style="display:none;margin-top:20px;width:380px;">
  &nbsp;<input type="text" name="uname" value="请输入账号" style="height:15px;line-height:14px;"/>&nbsp;&nbsp;<input type="password" name="upass" value="请输入密码" style="height:15px;line-height:12px;"/>&nbsp;<img class="cursor margin-top3 display" src="{*$_baseUrl*}/images/user/2457875845.png" align="top" onclick="mylogin()"/>
 </div>
 <div class="clear"></div>
</div>

相应的js代码

document.onmousedown=function(event){
 var e=event ||window.event;
 var elm=e.srcElement || e.target;
 if(elm.id=="manage_area"){
  if(jQuery('.login').css("display")=="none"){
   jQuery('.login').css("display","block");
  }else{
   jQuery('.login').css("display","none");
  }
 }
 else if(elm.parentNode.id=="login"){
  jQuery('.login').css("display","block");
 }else{
  jQuery('.login').css("display","none");
 }
}