用JavaScript 实现可折叠区域代码

发布时间：2018-08-28 06:56:05 所属栏目：模式来源：站长网

导读：烈火网(LieHuo.Net)教程这是一个非常简单的应用，这个应用在过去几年在网页上创建可折叠区域是非常普遍的。其基本思想就是用CSS的display特性就可以完成。 htmlheadtitle用 Java Script 实现可折叠区域代码-LIEHUO.NET/titlebodydiv style=background-col

　　烈火网(LieHuo.Net)教程这是一个非常简单的应用，这个应用在过去几年在网页上创建可折叠区域是非常普遍的。其基本思想就是用CSS的display特性就可以完成。

<html> <head> <title> 用<b>Java</b>Script 实现可折叠区域代码-LIEHUO.NET </title> <body> <div style="background-color:blue;color:white;font-weight:bold; padding:10px;cursor:pointer" onclick="toggle('divContent1')">点击</div> <div div style="border:3px solid blue;height:100px;padding:10px" id="divContent1"> 这段内容用于演示隐藏与显示</div> <p> </p> <div style="background-color:blue; color:white;font-weight:bold; padding:10px;cursor:pointer" onclick="toggle('divContent2')">点击这里</div> <div style="border:3px solid blue; height:100px;padding:10px" id="divContent2">这段内容用于演示隐藏与显示.</div> </body> </html><br /><center>烈火网更多教程，请访问：<a href=http://www.veryhuo.com/ target=_blank _fcksavedurl="http://www.veryhuo.com/ target=_blank">http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：徐州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!