资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js点击出现场层层外点击层消失的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>点击一个连接显示层~点击其他区域隐藏 练习 by 管理资源吧</title> <style type="text/css"> #myDiv{ border:1px solid #000000; width:200px; height:100px; background:#cccccc; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%20%20%20%20%20%20%20function%20addListener(element%2Ce%2Cfn)%7B%20%0D%0A%20%20%20%20%20if(element.addEventListener)%7B%20%0D%0A%20%20%20%20element.addEventListener(e%2Cfn%2Cfalse)%3B%20%0D%0A%20%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20element.attachEvent(%22on%22%20%2B%20e%2Cfn)%3B%20%0D%0A%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20addListener(document%2C%22click%22%2Cfunction(evt)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20evt%20%3D%20window.event%3Fwindow.event%3Aevt%2Ctarget%3Devt.srcElement%7C%7Cevt.target%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(target.id%20%3D%3D%20%22showDiv%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.getElementById(%22myDiv%22).style.display%20%3D%20%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20while(target.nodeName.toLowerCase()%20!%3D%20%22div%22%20%26%26%20target.nodeName.toLowerCase()%20!%3D%20%22html%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20target%20%3D%20target.parentNode%3B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(target.nodeName.toLowerCase()%20%3D%3D%20%22html%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.getElementById(%22myDiv%22).style.display%20%3D%20%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%7D)%20%0D%0A%20%20%20%20%20%20%20%20%3C%2Fscript%3E"> </head> <body> <div id="myDiv" style="display:none;"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target="_blank">管理资源吧</a></div> <input type="button" value="出来吧层" id="showDiv" /> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程