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

网络编程 2024/11/16 佚名

3 2 1

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

原生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;

空白层消失

标签：

空白层消失

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

桃源资源网 Design By www.nqtax.com

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

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

暂无“js之点击超连接,提示一个层.点击空白层消失”评论...

www.nqtax.com 桃源资源网

19,905影音资源

44,626技术资源

1,817软件资源

378,645站长资源

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

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

空白层消失

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

网上抓的一个特效

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

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

友情链接

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

空白层消失

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

网上抓的一个特效

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

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

友情链接

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

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

RTX 5090要首发性能要翻倍！三星展示GDDR7显存