asp.net 如何实现动态创建伸展菜单?

效果如下：
aaaa
bbbbb
bbbbb1
bbbbb2
bbbbb3
bbbbb4ccccc
ddddd
点击bbbb出现展开下面的内容,再次点击收缩其内容！数据表是无限极分类。希望有源代码的可以贴出来,或发Email到[email protected]!万分感谢！！！！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

EasyUI 里面有手风琴效果使用方法:http://www.easyui.net/portal.php?mod=view&aid=15
邮箱写错了有实例代码的最好啦发送到[email protected]
动态数据？哪你用AJAX去加载呗。或者就直接用TreeView 控件来做啊。
用递归 js+全部变量或是jquery
jquery会,动态创建的a标签的鼠标移过样式不知道怎么设置没有用！
我一般使用treeview,菜单数据存储数据库中，动态读至treeview中，即绑定上。
div的隐藏显示
http://www.open-open.com/ajax/Menu.htm
TreeView控件即可实现。
也可用后台代码实现
StringBuilder sb = new StringBuilder();
            sb.Append("<td width=\"3\"><img src=\"Images/main_63.gif\" width=\"3\" height=\"28\"></td>");
            sb.Append("<td width=\"63\"><table width=\"62\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
            sb.Append("<tr>");
            sb.Append("<td height=\"20\" style=\"cursor: hand\" onmouseover=\"MouseOver(this);\" onmouseout=\"MouseOut(this);\">");
            sb.Append("<div id=\"" + sysurl + "\" align=\"center\" class=\"STYLE3\"");
            sb.Append("onclick=\"ShowSys(" + sysid + ",this)\">");
            sb.Append(sysname);
            sb.Append("</div></td></tr></table></td>");
            return sb.ToString();
http://scriptlover.com/controls/main.html
我这个简单啊！！用TreeView空间加载!
protected void Page_Load(object sender, EventArgs e)
    {
        if(! this.IsPostBack){
            List<Category> list = new CategoryManager().FetchCategory();
            foreach(Category cg in list){
                TreeNode node = new TreeNode();
                node.Value = cg.Id.ToString();
                node.Text = cg.Name;
                node.NavigateUrl = "BookList.aspx?cateId="+cg.Id;
                TreeView1.Nodes.Add(node);
            }

        } List<Category> list = new CategoryManager().FetchCategory();
这里是我的业务层方法，当然楼主可以自定义一个集合。
你的需求本身就是一个树控件。
jQuery有很多树控件。样式自己设置就行了，跟普通的JS没有区别。
谁能告诉用jQuery动态创建的a标签怎么设置鼠标移过样式？
问题没有得到解决！！！NO Thanks！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="jquery-1.3.2.min.js" type="text/javascript" ></script>
<script>
$(function(){
$("#a").toggle(function(){
$(this).next().show();
},function(){
$(this).next().hide();
});
$("#b").toggle(function(){
$(this).next().show();
},function(){
$(this).next().hide();
});
});
</script>
<style>
#a1{ display:none}
#b1{ display:none}

</style></head>
<body>
<div id="a" >aaaaaaaaaaaaa</div>
<div id="a1" >aaaaaaaaaaaa1</div>
<div id="b" >bbbbbbbbbbbbb</div>
<div id="b1" >bbbbbbbbbbbb1</div>
</body>
</html>
本帖最后由 net_lover 于 2010-10-18 09:54:30 编辑
$("#a").mouseover(function(){
$("#a").css("css-name","css-value");
}).mouseout(function(){
$("#a").css("css-name","css-value2");
});