JSP能做树型菜单吗？

DragonSwords 2009-03-25 09:05:35

JSP能不能做树型菜单的，象CSDN左手那样的菜单，不过要简单点，但要能展开的！
GOOGLE了半天发觉都是用JAVA脚本语言做的呢
大侠可否非个小小的例子，让我自己补充！

...全文

116 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

niuxinlong 2009-03-25

打赏
举报

lz可以到网上找个js生成树形菜单的源码，很多的，也很好用的

luobaolin2009 2009-03-25

打赏
举报

jquery实现这个很简单阿!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

  <title>Jquery实例:菜单</title>

  <link type="text/css" rel="stylesheet" href="css/menu.css"/>



  <script type="text/javascript" src="jslib/jquery.js"></script>

  <script type="text/javascript" src="jslib/jquerymenu.js"></script>



</head>

<body>

    <ul>

        <a href="#">我是菜单1</a>

        <li><a href="#" id="JqueryWindow.html">我是子菜单1</a></li>

        <li><a href="#" id="MyJqueryWindow.jsp">我是子菜单2</a></li>

    </ul>

    <ul>

        <a href="#">我是菜单2</a>

        <li><a href="#">我是子菜单1</a></li>

        <li><a href="#">我是子菜单2</a></li>

    </ul>

    <div id="content"></div>

</body>

</html>

去下载个jquery.js文件
[

//需要点击主菜单的按钮时，对应的子菜单可以显示，再次点击子菜单则隐藏



//需要编写代码，在页面装载时，给所有的主菜单添加onclick的事件

//保证主菜单点击时可以显示或隐藏子菜单



//注册页面装载时执行的方法

$(document).ready(function() {

    //这里需要首先找到所有的主菜单

    //然后给所有的主菜单注册点击事件

    //找到ul中的节点

    var as = $("ul > a");

    as.click(function() {

        //这里需要找到当前ul中的li，然后让li显示出来

        //获取当前被点击的a节点

        var aNode = $(this);

        //找到当前a节点的所有li兄弟字节点

        var lis = aNode.nextAll("li");

        //让子节点显示或隐藏

        lis.toggle("show");

    });



    var ls = $("li > a");

    ls.click(function() {

       

        var contentNode = $("#content");

        contentNode.load($(this).attr("id"));

    });

});