提示:您可以先修改部分代碼再運行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js 控制展開和關閉的視窗(顯示隱藏層)</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代碼加到<head>與</head>之間--><style type="text/css">#box,#box2,#box3,#box4{padding:10px;border:1px solid green;}</style><script type="text/javascript">//=點擊展開關閉效果=function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;var openTip = oOpenTip || "";var shutTip = oShutTip || "";if(targetObj.style.display!="none"){ if(shutAble) return; targetObj.style.display="none"; if(openTip && shutTip){ sourceObj.innerHTML = shutTip; }} else { targetObj.style.display="block"; if(openTip && shutTip){ sourceObj.innerHTML = openTip; }}}</script></head><body><!--把下面代碼加到<body>與</body>之間--><p>點擊展開</p><p id="box" >這裡面放的是box的內容</p><p>點擊展開</p><p id="box2" >這裡面放的是box的內容</p><p>點擊展開</p><p id="box3" >這裡面放的是box的內容</p><p><button onclick="openShutManager(this,'box4',false,'點擊關閉','點擊展開')">點擊展開</button></p><p id="box4" >這裡面放的是box的內容</p></body></html>
提示:您可以先修改部分代碼再運行