点击一个层其它层内容隐藏代码
分类: 建站交流
发布: mzjj
浏览:
日期: 2009年4月15日
<!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=utf-8" />
<title>Event Test 2</title>
<style type="text/css">
.lk {
color:#0000CC;
cursor:pointer;
text-decoration:underline;
white-space:nowrap;
}
</style>
<script type="text/javascript">
function show_ht(elem) {
var element = document.getElementById(elem);
if (element.style.display == 'none') {
element.style.display = '';
var justChanged=true;
element.offclick = function(e) {
if(!justChanged){
element.style.display = 'none';
removeEventBase(document,'click',element.offclick,elem);
} else {
justChanged=false;
}
}
addEventBase(document,'click',element.offclick,elem);
}
return false;
}
function addEventBase(obj,type,fn,name_hash){
if(obj.addEventListener)
obj.addEventListener(type,fn,false);
else if(obj.attachEvent){
obj["e"+type+fn+name_hash]=fn;
obj[type+fn+name_hash]=function(){
obj["e"+type+fn+name_hash](window.event);
}
obj.attachEvent("on"+type,obj[type+fn+name_hash]);
}
}
function removeEventBase(obj,type,fn,name_hash){
if(obj.removeEventListener)
obj.removeEventListener(type,fn,false);
else if(obj.detachEvent){
obj.detachEvent("on"+type,obj[type+fn+name_hash]);
obj[type+fn+name_hash]=null;
obj["e"+type+fn+name_hash]=null;
}
}
</script>
</head>
<body>
<a id="ln1" class="lk" onclick="return show_ht('demo1')" href="#">Hello</a> |
<span id="ln2" class="lk" onclick="return show_ht('demo2')">Hey</span>
<div id="demo1" style="display:none">Hello Shown!</div>
<div id="demo2" style="display:none">Hey Shown!</div>
</body>
</html>
- 评论:(0)
发表评论 点击这里获取该日志的TrackBack引用地址