js之点击超连接,提示一个层.点击空白层消失

最近写一个功能，需要用到点击空白层就让指定的一个层消失，这里简单介绍下实现方法，需要的朋友可以参考下

请教一下.点击超连接,提示一个层.点击空白.层消失.

原生js版

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html><head><title>提示</title><meta http-equiv=content-type content="text/html; charset=gbk"><style type=text/css> 
BODY { 
    BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 
} 
input{ 
  width:200px;border: 1px solid #86B9D6; 
} 
#reg_div{ 
  color: #154BA0; 
  border: 1px solid #86B9D6; 
  background: #D9EEF9; 
  position: absolute; 
  z-index: 30; 
  height: 180px; 
  width:400px; 
} 
.city{ 
  width:80px; 
  float:left; 
  padding:8px; 
  text-align:center;

} 
.ps_div{ 
  padding:10px 10px 2px 10px; 
  border-bottom:1px dotted #ccc; 
} 
</style></head><body><input id=input_01 type="text" onfocus="allt(this);"><div id=reg_div style="display:none"><div class=ps_div><span style="float:right;" onclick="oo('reg_div').style.display='none'">关闭</span>查找提示:</div><div id=city_01 class=city onclick="bllt(this)">北京</div><div id=city_02 class=city onclick="bllt(this)">上海</div><div id=city_03 class=city onclick="bllt(this)">广州</div><div id=city_04 class=city onclick="bllt(this)">深圳</div><div id=city_01 class=city onclick="bllt(this)">杭州</div><div id=city_02 class=city onclick="bllt(this)">南京</div><div id=city_03 class=city onclick="bllt(this)">成都</div><div id=city_04 class=city onclick="bllt(this)">武汉</div><div id=city_01 class=city onclick="bllt(this)">青岛</div><div id=city_02 class=city onclick="bllt(this)">大连</div><div id=city_03 class=city onclick="bllt(this)">重庆</div><div id=city_04 class=city onclick="bllt(this)">三亚</div><div id=city_01 class=city onclick="bllt(this)">郑州</div><div id=city_02 class=city onclick="bllt(this)">宁波</div><div id=city_03 class=city onclick="bllt(this)">西安</div><div id=city_04 class=city onclick="bllt(this)">长沙</div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

jquery版本：

 function object_Onclick(){ $('#eng_list').css('display','none');//将显示的层隐藏消失 } window.document.onclick = object_Onclick;

以上就是js之点击超连接,提示一个层.点击空白层消失的详细内容，更多请关注0133技术站其它相关文章！

js之点击超连接,提示一个层.点击空白层消失

相关文章

前端开发

置顶推荐

猜你喜欢