将下面的代码加在head之间

<style type="text/css"> .showstate{ /*Definition for state toggling image */ cursor:hand; cursor:pointer; float: right; margin-top: 2px; margin-right: 3px; } .headers{ width: 400px; font-weight: bold; border: 1px solid black; background-color: lightyellow; } .switchcontent{ width: 400px; border: 1px solid black; border-top-width: 0; } </style> <script type="text/javascript"> //more javascript from http://yaoxiaojiong.icpcn.com var enablepersist="on" //是否允许使用cookie来保存状态? (on/off) var memoryduration="7" //持续的天数 var contractsymbol='minus1.gif' //Path to image to represent contract state. var expandsymbol='plus1.gif' //Path to image to represent expand state. /////No need to edit beyond here ////////////////////////// function getElementbyClass(rootobj, classname){ var temparray=new Array() var inc=0 var rootlength=rootobj.length for (i=0; i<rootlength; i++){ if (rootobj[i].className==classname) temparray[inc++]=rootobj[i] } return temparray } function sweeptoggle(ec){ var inc=0 while (ccollect[inc]){ ccollect[inc].style.display=(ec=="contract")? "none" : "" inc++ } revivestatus() } function expandcontent(curobj, cid){ if (ccollect.length>0){ document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="none")? "none" : "" curobj.src=(document.getElementById(cid).style.display=="none")? expandsymbol : contractsymbol } } function revivecontent(){ selectedItem=getselectedItem() selectedComponents=selectedItem.split("|") for (i=0; i<selectedComponents.length-1; i++) document.getElementById(selectedComponents[i]).style.display="none" } function revivestatus(){ var inc=0 while (statecollect[inc]){ if (ccollect[inc].style.display=="none") statecollect[inc].src=expandsymbol else statecollect[inc].src=contractsymbol inc++ } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function getselectedItem(){ if (get_cookie(window.location.pathname) != ""){ selectedItem=get_cookie(window.location.pathname) return selectedItem } else return "" } function saveswitchstate(){ var inc=0, selectedItem="" while (ccollect[inc]){ if (ccollect[inc].style.display=="none") selectedItem+=ccollect[inc].id+"|" inc++ } if (get_cookie(window.location.pathname)!=selectedItem){ //only update cookie if current states differ from cookie's var expireDate = new Date() expireDate.setDate(expireDate.getDate()+parseInt(memoryduration)) document.cookie = window.location.pathname+"="+selectedItem+";path=/;expires=" + expireDate.toGMTString() } } function do_onload(){ uniqueidn=window.location.pathname+"firsttimeload" var alltags=document.all? document.all : document.getElementsByTagName("*") ccollect=getElementbyClass(alltags, "switchcontent") statecollect=getElementbyClass(alltags, "showstate") if (enablepersist=="on" && get_cookie(window.location.pathname)!="" && ccollect.length>0) revivecontent() if (ccollect.length>0 && statecollect.length>0) revivestatus() } if (window.addEventListener) window.addEventListener("load", do_onload, false) else if (window.attachEvent) window.attachEvent("onload", do_onload) else if (document.getElementById) window.onload=do_onload if (enablepersist=="on" && document.getElementById) window.onunload=saveswitchstate </script>



将下面的代码加在body之间

<div style="margin-bottom: 5px"><a href="javascript:sweeptoggle('contract')">全部关闭</a> | <a href="javascript:sweeptoggle('expand')">全部展开</a></div> <div class="headers"><img src="minus1.gif" class="showstate" onClick="expandcontent(this, 'sc1')" />什么是JavaScript?</div> <div id="sc1" class="switchcontent"> JavaScript 是 WWW 上的一种功能强大的编程语言，用于开发交互式的 Web 页面。它不仅可以直接应用于 HTML 文档以获得交互式效果或其他动态效果，而且可以运行于服务器端，从而替代传统的 CGI 程序。 </div> <br /> <div class="headers"><img src="minus1.gif" class="showstate" onClick="expandcontent(this, 'sc2')" />什么是ASP?</div> <div id="sc2" class="switchcontent"> 　　Ａｃｔｉｖｅ　Ｓｅｒｖｅｒ　Ｐａｇｅｓ（ASP，活动服务器页面）就是一个编程环境，在其中，可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。 如果你以前创建过一个站点，其中混合了HTML、脚本语言以及组件，你就可以在其中加入ASP程序代码。通过在HTML页面中加入脚本命令，你可以创建一个HTML用户界面，并且，还可以通过使用组件包含一些商业逻辑规则。组件可以被脚本程序调用，也可以由其他的组件调用。 </div> <br /> <table border="0" cellspacing="0" cellpadding="0"> <tr><td class="headers"><img src="jsimg/minus1.gif" class="showstate" onClick="expandcontent(this, 'sc3')" />什么是PHP?</td></tr> <tr><td id="sc3" class="switchcontent">　　PHP是一个基于服务端来创建动态网站的脚本语言，您可以用PHP和HTML生成网站主页。当一个访问者打开主页时，服务端便执行PHP的命令并将执行结果发送至访问者的浏览器中，这类似于ASP和CoildFusion，然而PHP和他们不同之处在于PHP开放源码和跨越平台，PHP可以运行在WINDOWS NT和多种版本的UNIX上。它不需要任何预先处理而快速反馈结果，它也不需要mod_perl的调整来使您的服务器的内存映象减小。PHP消耗的资源较少，当PHP作为Apache Web服务器一部分时，运行代码不需要调用外部二进制程序，服务器不需要承担任何额外的负担。 </td></tr> </table>



效 果 演 示 ！

全部关闭 | 全部展开 什么是JavaScript? JavaScript 是 WWW 上的一种功能强大的编程语言，用于开发交互式的 Web 页面。它不仅可以直接应用于 HTML 文档以获得交互式效果或其他动态效果，而且可以运行于服务器端，从而替代传统的 CGI 程序。 什么是ASP? 　　Ａｃｔｉｖｅ　Ｓｅｒｖｅｒ　Ｐａｇｅｓ（ASP，活动服务器页面）就是一个编程环境，在其中，可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。 如果你以前创建过一个站点，其中混合了HTML、脚本语言以及组件，你就可以在其中加入ASP程序代码。通过在HTML页面中加入脚本命令，你可以创建一个HTML用户界面，并且，还可以通过使用组件包含一些商业逻辑规则。组件可以被脚本程序调用，也可以由其他的组件调用。 什么是PHP? 　　PHP是一个基于服务端来创建动态网站的脚本语言，您可以用PHP和HTML生成网站主页。当一个访问者打开主页时，服务端便执行PHP的命令并将执行结果发送至访问者的浏览器中，这类似于ASP和CoildFusion，然而PHP和他们不同之处在于PHP开放源码和跨越平台，PHP可以运行在WINDOWS NT和多种版本的UNIX上。它不需要任何预先处理而快速反馈结果，它也不需要mod_perl的调整来使您的服务器的内存映象减小。PHP消耗的资源较少，当PHP作为Apache Web服务器一部分时，运行代码不需要调用外部二进制程序，服务器不需要承担任何额外的负担。