设置首页  |   加入收藏  |  联系我们   
您的位置: 主页>程序设计>ASP>正文
ASP实现可显示和隐藏的树型菜单
文章来源:  编辑:  发布时间:2007-11-27

 

<script language="javascript">
function hideAll() {
  for(i=0;i<odiv.length;i++) {
    odiv[i].style.display="none";
  }

function showObj(num) 
{
  
  if (odiv[num].style.display=="none") 
  {
    hideAll();
    odiv[num].style.display="inline";
  }
  else {
    odiv[num].style.display="none";
  }
}
</script>
<style type="text/css">
<!--
.divctrl{
 cursor:hand;height:20px;
}
-->
</style>
<div onClick="showObj(0)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>


<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(2)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(3)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(4)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>

     asp

<%
if request("showobj")<>"" then response.Cookies("showobj")=request("showobj")
if isnull(response.Cookies("showobj")) then response.Cookies("showobj")=0
%>
<script language="javascript">
function hideAll() {
  for(i=0;i<odiv.length;i++) {
    odiv[i].style.display="none";
  }
}

function showObj(num)
{
 
  if (odiv[num].style.display=="none")
  {
    hideAll();
    odiv[num].style.display="inline";
  }
  else {
    odiv[num].style.display="none";
  }

}
</script>
<style type="text/css">
<!--
.divctrl{
 cursor:hand;height:20px;
}
-->
</style>

<div onClick="showObj(0)" class="divctrl"><a href="?showobj=0">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=0 then: response.Write "inline" :else  response.Write "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="?showobj=1">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=1 then: response.Write "inline" :else  response.Write "none":end if %>">
<li><a href="#">div</a></li>

 
Tags:菜单 隐藏 显示 实现 href lia div/a/li odiv div showObj

Google
 
上一篇: ASP动态生成JS的表单验证代码   下一篇: asp全站防止注入的代码
【返回顶部】 【打印】 【大】 【中】 【小】 【关闭】

 我来说两句
用户名: 新注册) 密码: 匿名评论 [论坛讨论]
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
 相关文章
 热门文章

 
版权所有  2005-2006  Linux集中营  闽ICP备07500055号