树型菜单

不在大家有没有注意到,我们电脑的每个文件夹就是一个树型菜单,可以有很多下级菜单。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{list-style:none}
</style>
</head>

<body>

<img src="images/fold.gif" width="16" height="16" /><font style="font-weight:bold">树形菜单:</font>
<!--文学艺术栏目-->
<li onclick="show( )" style="margin-left:50px;margin-top:20px"><img src="images/fclose.gif" width="16" height="18" />文学艺术</li>

<ul id="art" style="display:none">
<li><img src="images/doc.gif" width="35" height="20" />钢铁是怎么练成的</li>
<li><img src="images/doc.gif" width="35" height="20" />人的真善美</li>
<li><img src="images/doc.gif" width="35" height="20" />永远不要放弃自己</li>

</ul>
<!--贴吧专区-->
<li onclick="show1( )" style="margin-left:50px;margin-top:20px"><img src="images/fclose.gif" width="16" height="18" />贴吧专区</li>

<ul id="ar" style="display:none">
<li><img src="images/doc.gif" width="35" height="20" />真我风采</li>
<li><img src="images/doc.gif" width="35" height="20" />视频贴图</li>
<li><img src="images/doc.gif" width="35" height="20" />行行摄摄</li>

</ul>
</body>
<script type="text/javascript">
<!--定义文学艺术函数-->
function show( ){
 if(document.getElementById("art").style.display==‘block‘){
    document.getElementById("art").style.display=‘none‘;
 }
else{
     document.getElementById("art").style.display=‘block‘;
   }
}
<!--定义贴吧专区函数-->
function show1( ){
 if(document.getElementById("ar").style.display==‘block‘){
    document.getElementById("ar").style.display=‘none‘;
 }
else{
     document.getElementById("ar").style.display=‘block‘;
   }
}

</script>
</html>
时间: 2024-10-11 23:18:17

树型菜单的相关文章

oracle使用connect by进行级联查询 树型菜单

Oracle使用connect by进行级联查询 树型菜单(转) connect by可以用于级联查询,常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点. 来看一个示例,现假设我们拥有一个菜单表t_menu,其中只有三个字段:id.name和parent_id.它们是具有父子关系的,最顶级的菜单对应的parent_id为0.现假设我们拥有如下记录: id name parent_id 1 菜单01 0 2 菜单02 0 3 菜单03 0 4 菜单0101 1 5 菜单0102

php通用的树型类创建无限级树型菜单

生成树型结构所需要的2维数组,var $arr = array()数组格式如下: array( 1 => array('id'=>'1','parentID'=>0,'name'=>'一级栏目一'), 2 => array('id'=>'2','parentID'=>0,'name'=>'一级栏目二'), 3 => array('id'=>'3','parentID'=>1,'name'=>'二级栏目一'), 4 => arra

php递归函数实现无限级树型菜单

!!写递归函数,可考虑缓存,定义一些静态变量来存上一次运行的结果,多程序运行效率很有帮助. 大概步骤如下: 首先到数据库取数据,放到一个数组, 然后把数据转化为一个树型状的数组, 最后把这个树型状的数组转为html代码. 也可以将第二步和第三步合为一步. 详细如下: 1.数据库设计: 脚本如下: CREATE TABLE `bg_cate` ( `cate_Id` int(30) unsigned NOT NULL AUTO_INCREMENT, `cate_ParentId` int(30)

一个树型通用接口

项目中难免遇到使用树型结构,如部门.菜单等. 它们有共同的属性:id,name,parentId,因此抽象出一个接口,然后使用一个工具类实现列表转树的功能. (其它这个是在另一个项目找到的,非原创,在此共享一下) 看源码: 1.树型结构接口TreeObject.java import java.util.List; /** * 这个是列表树形式显示的接口 */ public interface TreeObject { Object getId(); void setId(Object id);

HDU1561 The more, The Better(树型DP)

题目是有n个存有宝藏的城堡,攻克任何一个城堡都需要先攻克0个或其他1个城堡,问攻克m个城堡最多能得到多少宝藏. 题目给的城堡形成一个森林,添加一个超级根把森林连在一起就是树了,那么就考虑用树型DP: dp[u][m]表示以u结点为根的子树攻克m个结点的最大价值 但是这样转移太难了,根是从每个孩子通过各自分配若干的城堡去攻克转移的,一个排列组合数,阶乘,是指数级的时间复杂度! 看了题解,原来这是依赖背包,没看背包九讲..不过网上的博客似乎没说清楚,事实上这个状态应该是三个维度来表示: dp[u][

POJ3659 Cell Phone Network(树上最小支配集:树型DP)

题目求一棵树的最小支配数. 支配集,即把图的点分成两个集合,所有非支配集内的点都和支配集内的某一点相邻. 听说即使是二分图,最小支配集的求解也是还没多项式算法的.而树上求最小支配集树型DP就OK了. 树上的每个结点作为其子树的根可以有三个状态: 不属于支配集且还没被支配 不属于支配集但被其孩子支配 属于支配集 那么就是用dp[u][1\2\3]来表示动归的状态. 123转移该怎么转移就怎么转移..最后的结果就是min(dp[root][2],dp[root][3]). 要注意的是对于有些结点前2

网格部件和树型部件查找并定位焦点

在网格和树型部件中,经常遇到需要根据某字段值或关键值查找网格或树型中的某一行数据并定位焦点,如何实现这样的功能呢?1.网格部件查找定位:在网格部件中,我们可以根据显示数据的行数,进行循环,获取值与查找值进行对比,代码如下: for i=1 to 网格部件1.GridView.RowCount      if cstr(网格部件1.GetFieldValueByRowHandle(i-1,"姓名"))="张三" then        网格部件1.FocusedRow

HDU_1561_The more, The Better_树型dp

题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1561 The more, The Better Time Limit: 6000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 7031    Accepted Submission(s): 4121 Problem Description ACboy很喜欢玩一种战略游戏,

HDU_1520_Anniversary party_树型dp

题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1520 Anniversary party Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 8233    Accepted Submission(s): 3574 Problem Description There is going to b