一个基于CSS+dIV的网页层，用JavaScript结合Input按钮进行控制，点击后显示或隐藏，网页上常用到的特效之一，实用性较强，相信对大家的前端设计有帮助。 示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /> <title>层隐藏，层点开</title><br /> </head><br /> <body><br /> <div id="box" style="border:1px solid #000; height:300px; width:300px;" ></div><br /> <input name="" type="button" value="点击隐藏" id="btn" onclick="btn()" style="position:absolute; left:320px; top:10px;"><br /> </body><br /> <script type="text/javascript"><br /> var btn1=document.getElementById('btn');<br /> var box1=document.getElementById('box');<br /> function btn(){ if(btn1.value=="点击隐藏"){box1.style.display='none';btn1.value="点击显示";<br /> }else{box1.style.display='';btn1.value="点击隐藏";<br /> }<br /> }<br /> </script><br /> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 内容收起、展开的JS代码,下载站软件介绍可用鼠标指向文字链接弹出DIV层，离开文本层消失
