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
投稿
猜你喜欢
Python函数进阶与文件操作详情
2023-09-12 17:24:33
javascript 词法作用域和闭包分析说明
2024-04-17 09:56:42
python爬虫爬取指定内容的解决方法
2022-11-07 11:32:12
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2022-05-02 11:27:40
详解Go语言中关于包导入必学的 8 个知识点
2023-07-09 05:38:11
Python实现JSON反序列化类对象的示例
2023-09-03 19:29:51
Python基础学习之模块的安装和卸载
2021-07-05 09:31:21
sql 判断函数、存储过程是否存在的代码整理
2024-01-28 20:09:53
使用python画社交网络图实例代码
2023-01-17 12:53:46
Swin Transformer图像处理深度学习模型
2022-01-16 22:32:08
JavaScript字符串对象(string)基本用法示例
2024-04-17 10:00:31
Pytest中conftest.py的用法
2022-08-05 03:48:32
Python实现图片拼接的代码
2023-05-30 15:13:42
浅析go中的map数据结构字典
2024-05-22 10:13:05
获取Dom元素的X/Y坐标
2009-10-10 12:49:00
js类的继承定义与用法分析
2024-04-22 22:34:07
详解Python中的__new__()方法的使用
2022-09-26 09:03:56
MySQL Create Database 创建数据库
2011-09-10 16:04:51
Python实现的扫码工具居然这么好用!
2022-12-13 19:54:03
Python如何使用type()函数查看数据的类型
2022-05-30 17:49:31