javascript 闭包函数做显隐内容

时间:2020-05-12 人气:0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<style type='text/css'> 
.a{ 
width:200px; 
font-size:12px; 
font-weight:bold; 
height:30px; 
line-height:30px; 
background:url(/imageshttps://img.qb5200.com/download-x/default/header_bg.gif); 
margin-top:5px; 
} 
.a a{ text-Decoration:none;} 
.aa{ 
width:200px; 
height:100px; 
border:3px groove #91D2FF; 
display:none; 
} 
</style> 
</HEAD>

</div> 
<div> 
爱无忧，我的偶象是果果
 
爱无忧，我的偶象是果果
 
</div> 
<div> 
<a href='#'>+ 点击显示 </a> 
</div> 
<div> 
爱无忧，果果我崇拜你
 
爱无忧，果果我崇拜你
 
</div> 
<div> 
<a href='#'>+ 点击显示 </a> 
</div> 
<div> 
爱无忧，每天关注偶象果果
 
爱无忧，每天关注偶象果果
 
</div> 
<div> 
<a href='#'>+ 点击显示 </a> 
</div> 
<div> 
爱无忧，爱果果
 
爱无忧，爱果果
 
</div> 
<script LANGUAGE="JavaScript">

<!-- 
var Each=function (a,fn){for(var i=0;i<a.length;i++)fn.call(a[i],i,a)} 
var $=function(s){return s.charAt?document.getElementById(s):(typeof (s)=='object')?s:null;} 
var Show=function(obj){ 
var divs=[$(obj),'']; 
return function(){

divs.unshift($(this.title)); 
divs.length=2; 
$(this.title).style.display='block'; 
try{divs[1].style.display='none'}catch(e){} 
} 
} 
window.onload=function(){ 
var show = Show('a1'); 
Each(document.getElementsByTagName('div'),function(a,b){ 
if(this.className=='a'){ 
this.onclick=show; 
} 
}) 
} 
//--> 
</script> 
</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容