点击页面其他地方掩藏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");
?}
}