站长资源 网络编程

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

整理:jimmy2026/8/5浏览2次

简介请教一下.点击超连接,提示一个层.点击空白.层消失. 原生js版提示 BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 } input{ width:200px;border: 1px solid #86B

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

原生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);"> 关闭查找提示: 北京上海广州深圳杭州南京成都武汉青岛大连重庆三亚郑州宁波西安长沙 </body> </HTML>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

jquery版本：

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

上一篇：模拟用户操作Input元素，不会触发相应事件

下一篇：网上抓的一个特效

站长资源网络编程

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

最新资源

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