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

2016-02-19 09:32 38 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;

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

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

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

一个jquery的弹出层的插件查看

标签： Web开发

代码如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - jquery pulg-in * * Copyright (c) 2008 King Wong * $Date: 2008-09-28 $ */ var ___win___ = window.self; var ___self___ = window.self; var ___id___ = ""; var ___settings...

一个JS翻页效果

标签： Web开发

IFRAME border=0 style="text-align:center" marginWidth=0 marginHeight=0 src="1.htm" frameBorder=no width=200 scrolling=no height=200 style="border: 1px solid #CCCCCC" id="pic"/IFRAME a href="javascript:Page(-1)"上一页/aa href="javascript:Pa...

发一个分页的js

标签： Web开发

无标题文档支付宝与六大代理签订协议刷卡积分可网上购物支付宝为网店保驾护航支付宝红包送来红地毯紧急天气预报"红色风暴"空降支付宝小红包背后大名堂Q88.net全面无缝接合支付宝电子支付规范走出第一步使用专业版受鼓励从支付宝看电子商务的发展谁能与支付宝PK？国内第一家引入支付宝的网络图库正式开通新浪网：中关村在...

一个JS正则的题

标签： Web开发

贴出来与大家共勉。先看一段代码， script var objReg = /^[a-zA-Z]{1}(:){1}$/gi; alert(objReg.test("a:"));//返回true alert(objReg.test("a:"));//返回false /script 为什么第二个test会返回false？是不是觉得奇怪。原因我解答如下： test实际上与exec方法的执行方法是一致的，只是返回值不一样。test返...

一个非常不错的一个正则练习JS版

标签： Web开发

技术含量不高，主要是平时使用正则多了，在代码上调试太麻烦了，干脆做这个来试比较快~~~送给那些喜欢正则的朋友~~~ 做得头晕脑涨,实在找不出几个正则例子来给新手学习,所以现在俺里面的帮助文件里面也才三个例子而以! 由于本人的语言表达实在不怎么样,而以材料一个人制作麻烦,希望有热心人士提供经典的正则例子,最好附上详解,以便新手学习! ...

查看更多精彩>>