ASP可显示和隐藏的树型菜单

时间:2007-10-01 14:40:00 

 


 

ASP+javascript实现可显示和隐藏的树型菜单实例:


<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> 
<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="?showobj=2">div</a></div> 
<div id="odiv" style="display:<%if request.Cookies("showobj")=2 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(3)" class="divctrl"><a href="?showobj=3">div</a></div> 
<div id="odiv" style="display:<%if request.Cookies("showobj")=3 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(4)" class="divctrl"><a href="?showobj=4">div</a></div> 
<div id="odiv" style="display:<%if request.Cookies("showobj")=4 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> 


标签:菜单,树
0
投稿

猜你喜欢

  • CSS浏览器兼容问题整理(IE6.0、IE7.0 与FireFox)

    2008-10-27 13:45:00
  • W3C Group的JavaScript1.8新特性介绍

    2009-07-24 12:31:00
  • 像聪明女孩穿衣服那样设计网页文字

    2007-11-06 16:45:00
  • MySQL中XML数据的XPath支持

    2009-12-15 21:57:00
  • 基于jQuery实现的立体文字渐变效果

    2009-05-18 19:15:00
  • 使用 XMLSPY 设计项目的 Schema 原型

    2010-08-24 18:25:00
  • CSS框架的相关汇总(CSS Frameworks)

    2008-04-02 12:00:00
  • SQL Server 中死锁产生的原因及解决办法

    2008-11-25 11:50:00
  • CSS样式表:详细介绍IE7新支持的选择器

    2007-10-09 18:24:00
  • JScript RuntimeObject检测全局污染

    2010-09-13 12:26:00
  • asp中获取当前月份距离以前某个时间的月份数

    2012-11-30 20:29:40
  • Oracle使用PL/SQL操作COM对象

    2010-07-21 12:56:00
  • Check In和Check Out的多人协作管理

    2007-02-03 11:39:00
  • web标准:CSS clear的属性及使用方法

    2008-10-27 13:31:00
  • 按钮的反馈

    2009-01-01 20:06:00
  • 用CSS实现图片等比例缩放

    2008-01-18 21:10:00
  • asp事务处理的另外一个方法

    2010-05-27 12:18:00
  • 基于AJAX技术提高搜索引擎排名

    2008-01-24 12:45:00
  • removeChild的障眼法

    2009-12-04 12:49:00
  • ajax Google PageRank3(PR值)查询源代码

    2007-11-04 13:31:00
  • asp之家 网络编程 m.aspxhome.com