js之點(diǎn)擊超連接,提示一個層.點(diǎn)擊空白層消失

更新時間：2007年05月11日 00:00:00 投稿：mdxy-dxy

最近寫一個功能，需要用到點(diǎn)擊空白層就讓指定的一個層消失，這里簡單介紹下實(shí)現(xiàn)方法，需要的朋友可以參考下

請教一下.點(diǎn)擊超連接,提示一個層.點(diǎn)擊空白.層消失.

原生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> 
<script> 
function oo(obj){ 
        return typeof(obj)=="string"?document.getElementById(obj):obj 
}

function allt(id){

e=oo(id) 
    var et=e.offsetTop; 
    var el=e.offsetLeft; 
    while(e=e.offsetParent){ 
        et+=e.offsetTop; 
        el+=e.offsetLeft; 
    }

oo("reg_div").style.left=(el) + "px"; 
                oo("reg_div").style.top=(et+20) + "px"; 
                oo("reg_div").style.display=''; 
//                oo("reg_div2").innerHTML=id;    //    添加提示信息(根據(jù)id判斷)

//     oo("reg_div").style.display='none';

} 
function bllt(id){

oo("input_01").value=oo(id).innerHTML 
  oo("reg_div").style.display='none'; 
} 
</script> 
</HEAD> 
<body> 
<script> 
function Object_Onclick(){

if(document.activeElement.id!="input_01"){ 
//    alert("dd") 
  oo(reg_div).style.display='none'; 
} 
} 
window.document.onclick= Object_Onclick;

</script> 
<input id=input_01 type="text" onfocus="allt(this);"> 
<div   class="j7zw2ce"   id=reg_div style="display:none"> 
    <div   id="gm7pofx"   class=ps_div><span style="float:right;" onclick="oo('reg_div').style.display='none'">關(guān)閉</span>查找提示:</div> 
<div   class="u2ceviu"   id=city_01 class=city onclick="bllt(this)">北京</div> 
<div   class="md7dpsz"   id=city_02 class=city onclick="bllt(this)">上海</div> 
<div   class="27np2xo"   id=city_03 class=city onclick="bllt(this)">廣州</div> 
<div   class="qxlikro"   id=city_04 class=city onclick="bllt(this)">深圳</div> 
<div   class="umofn7q"   id=city_01 class=city onclick="bllt(this)">杭州</div> 
<div   class="2vxzrln"   id=city_02 class=city onclick="bllt(this)">南京</div> 
<div   class="oo72ubt"   id=city_03 class=city onclick="bllt(this)">成都</div> 
<div   class="xeby2kw"   id=city_04 class=city onclick="bllt(this)">武漢</div> 
<div   class="n2xofhj"   id=city_01 class=city onclick="bllt(this)">青島</div> 
<div   class="fb2dp7o"   id=city_02 class=city onclick="bllt(this)">大連</div> 
<div   class="i727qzh"   id=city_03 class=city onclick="bllt(this)">重慶</div> 
<div   class="skr7cjl"   id=city_04 class=city onclick="bllt(this)">三亞</div> 
<div   class="liuld77"   id=city_01 class=city onclick="bllt(this)">鄭州</div> 
<div   class="ivs2d72"   id=city_02 class=city onclick="bllt(this)">寧波</div> 
<div   class="xu27rnz"   id=city_03 class=city onclick="bllt(this)">西安</div> 
<div   class="cj2xv3d"   id=city_04 class=city onclick="bllt(this)">長沙</div>

</div> 
</body>

</HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

jquery版本：

function object_Onclick(){
  $('#eng_list').css('display','none');//將顯示的層隱藏消失
}
window.document.onclick = object_Onclick;

空白層消失

国产无遮挡裸体免费直播视频,久久精品国产蜜臀av,动漫在线视频一区二区,欧亚日韩一区二区三区,久艹在线免费视频,国产精品美女网站免费,正在播放 97超级视频在线观看,斗破苍穹年番在线观看免费,51最新乱码中文字幕

js之點(diǎn)擊超連接,提示一個層.點(diǎn)擊空白層消失

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

国产无遮挡裸体免费直播视频,久久精品国产蜜臀av,动漫在线视频一区二区,欧亚日韩一区二区三区,久艹在线 免费视频,国产精品美女网站免费,正在播放 97超级视频在线观看,斗破苍穹年番在线观看免费,51最新乱码中文字幕

js之點(diǎn)擊 超連接,提示一個層.點(diǎn)擊空白層消失

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

国产无遮挡裸体免费直播视频,久久精品国产蜜臀av,动漫在线视频一区二区,欧亚日韩一区二区三区,久艹在线免费视频,国产精品美女网站免费,正在播放 97超级视频在线观看,斗破苍穹年番在线观看免费,51最新乱码中文字幕

js之點(diǎn)擊超連接,提示一個層.點(diǎn)擊空白層消失