现在网络上有各种各样的非常漂亮的css菜单，不过大多都是静态的，菜单项都是在页面中写死的，这样就不是很灵活，每次要修改菜单都要去修改页面，下面就介绍一个从数据库中读取菜单项的动态css菜单的例子。
1、首先创建数据表Menu，添加三个基本字段id pid menu
表建好后，添加一些测试数据
2、在项目中创建用户控件LeftMenu，菜单一般可以做成用户控件或是放在Masterpage中。LeftMenu中代码如下
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<style type="text/css">
body {}{
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {}{
font: bold 16px Arial, Helvetica, sans-serif;
}
p {}{
font: 11px Arial, Helvetica, sans-serif;
}
a {}{
color: #900;
text-decoration: none;
}
a:hover {}{
background: #900;
color: #FFF;
}
/**//*CSS Code for Menu Begin:*/
/**//* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {}{
margin: 0;
border: 0 none;
padding: 0;
width: 160px; /**//*For KHTML*/
list-style: none;
} |
