<!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/><style type="text/css"><br/>#box,#box2,#box3,#box4{padding:10px;border:1px solid green;} <br/></style><br/><script type="text/javascript"><br/>//=点击展开关闭效果=<br/>function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){<br/>var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;<br/>var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;<br/>var openTip = oOpenTip || "";<br/>var shutTip = oShutTip || "";<br/>if(targetObj.style.display!="none"){<br/> if(shutAble) return;<br/> targetObj.style.display="none";<br/> if(openTip && shutTip){<br/> sourceObj.innerHTML = shutTip; <br/> }<br/>} else {<br/> targetObj.style.display="block";<br/> if(openTip && shutTip){<br/> sourceObj.innerHTML = openTip; <br/> }<br/>}<br/>}<br/></script><br/><title>鼠标点击展开关闭层效果</title><br/></head><br/><body><br/><p><a href="###" onclick="openShutManager(this,'box')">点击展开</a></p><br/><p id="box" style="display:none"><br/> 这里面放的是box的内容.<br/></p><br/><p><a href="###" onclick="openShutManager(this,'box2',true)">点击展开</a></p><br/><p id="box2" style="display:none"><br/> 这里面放的是box的内容.<br/></p><br/><p><a href="###" onclick="openShutManager(this,'box3',false,'点击关闭','点击展开')">点击展开</a></p><br/><p id="box3" style="display:none"><br/> 这里面放的是box的内容.<br/></p><br/><p><button onclick="openShutManager(this,'box4',false,'点击关闭','点击展开')">点击展开</button></p><br/><p id="box4" style="display:none"><br/> 这里面放的是box的内容.<br/></p><br/></body><br/></html>
提示：你可以先修改部分代码再运行。
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
名称 (必须)
电邮(不会发布) (必须)
网页
回响