点击打开隐藏层的JS

来源:互联网 发布:js贪吃蛇游戏设计 编辑:程序博客网 时间:2024/04/27 20:28

<scripttype="text/javascript">
//=点击展开关闭效果=
functionopenShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){
var sourceObj = typeof oSourceObj == "string" ?document.getElementByIdx(oSourceObj) : oSourceObj;
var targetObj = typeof oTargetObj == "string" ?document.getElementByIdx(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>

<div class="wrapper">
  <a href="###"onclick="openShutManager(this,'box')">点击文字打开隐藏层</a>
  <div id="box"style="display:none">BOX层为隐藏的层</div>
</div>