<!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(/images/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> <BODY> <div id="a" title="a1" class='a' > + 點擊顯示 </div> <div id="a1" class='aa' > 愛無憂，我的偶象是果果 愛無憂，我的偶象是果果 </div> <div id="b" title="b1" class='a' > + 點擊顯示 </div> <div id="b1" class='aa'> 愛無憂，果果我崇拜你 愛無憂，果果我崇拜你 </div> <div id="c" title="c1" class='a' > + 點擊顯示 </div> <div id="c1" class='aa'> 愛無憂，每天關注偶象果果 愛無憂，每天關注偶象果果 </div> <div id="d" title="d1" class='a' > + 點擊顯示 </div> <div id="d1" class='aa'> 愛無憂，愛果果 愛無憂，愛果果 </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需重新整理才能執行]
