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

2016-02-19 09:32 43 1 收藏

下面这个js之点击超连接,提示一个层.点击空白层消失教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！

【 tulaoshi.com - Web开发】

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

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

来源:http://www.tulaoshi.com/n/20160219/1591148.html

上一篇： PHP4在Windows2000下的安装
下一篇： Android 自定义标题栏显示网页加载进度的方法实例

看过《js之点击超连接,提示一个层.点击空白层消失》的人还看了以下文章更多>>

JS实例代码:点击复制地址发给QQ好友

标签： Web开发

titleJS复制本页地址/title input type="button" name="Submit" onClick='copyToClipBoard()' value="点击复制本页地址，分享给QQ/MSN上的好友" width="100" height="16" script language="javascript" function copyToClipBoard(){ var clipBoardContent=&quo...

JS统计Flash被网友点击过的代码

标签： Web开发

JS怎样知道Flash广告条被网友点击过? 1、Flash广告条不是我做的，它的链接是写在里面的。 2、我想统计这个Flash被网友点击了多少次。它由三个JS组成,它是一个广告联盟网站,统计FLASH被点击的应用,可是我不会修改成我的应用,请大家帮看看,谢谢,我的点击统计是 count.asp 请问怎样写一个JS可以进行统计,谢谢 1.js ---------------...

页面载入时提示消息层

<HTML <HEAD<TITLE EvE HTML </TITLE <meta http-equiv="Content-Type" content="text/html; charset=gb2312" / <STYLE TYPE="text/css" TITLE="" td{font-size: 12px;} </STYLE </HEAD <Body bgcolor="#E8EEED" background="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" <DIV id=e...

Java Web层的下一个王者是谁？

标签：编程语言网络编程

经过数年的“框架大战”，Java界的各种框架找到了自己应有的位置。 Spring+Hibernate+Struts已成为Java开发的主流体系。在这个体系中，Spring+Hibernate的地位应该说短期内是难以撼动了。除了新兴的Jboss Seam作为挑战者之外，几乎难有劲敌。有趣的是当初Spring、Hibernate作为挑战者，将官方的EJB成功挑落马下;这次反倒是官方的EBJ3...

一定要用好调整层（一）——什么是调整层

标签： PS PS教程

调整图像是PS操作中最富有艺术性、创造性和挑战性的工作。操作者在掌握了图像调整的一般操作之后，充分使用调整层来处理图像，可以使得调整图像操作具有更大的灵活性、重复性和特效性。属于“非破坏性调整”操作。调整层将图层操作、调整操作和蒙版操作三者完美地结合在一起，使得每一个操作者在图像调整中得到一种极大的享受和成就感。需要...

查看更多精彩>>