mainmenu为一级菜单的表,字段有ID,NAME......
submenu为二级菜单的表,字段有ID,SID,NAME.....
这个ID,自然就是由数据库自动生成数字的那个字段了,NAME就是分类的文字,后面你可以再加些别的字段,比如图片/日期/等等.......
这个SID,就是二级菜单特有的,这个SID是数字类型,它里面所存放的数字与主菜单的ID相同,当然它可以重复
这样,后台中,添加主菜单分类时,就往主菜单那个表写入数据
添加二级菜单分类时,要先选择主分类,同时,也就得到了主分类的ID,然后在保存时,将主分类的这个ID序号同其它一起写入到二级分类表中......
而在前台,同时打开这两个表,做两次循环就可以
比如
do while not rs.eof
显示一级菜单
打开二级表
do while not rs1.eof
显示二级菜单
rs1.movenext
loop
rs.movenext
loop
........
这是一个简单的
当然你也可以做那种无限分类的菜单,用一个表来存放.但这个稍麻烦一点,要建很多字段用来判断其中关系的.你可以下载一个动网论坛,看看它是怎么做的无限分类
您可以通过在 Items 属性中指定菜单项的方式向控件添加单个菜单项。Items 属性是 MenuItem 对象的集合。下面的示例演示 Menu 控件的声明性标记,该控件有三个菜单项,每个菜单项有两个子项:
<asp:Menu ID=Menu1 runat=server StaticDisplayLevels=3><Items><asp:MenuItem Text=File Value=File><asp:MenuItem Text=New Value=New></asp:MenuItem><asp:MenuItem Text=Open Value=Open></asp:MenuItem></asp:MenuItem><asp:MenuItem Text=Edit Value=Edit><asp:MenuItem Text=Copy Value=Copy></asp:MenuItem><asp:MenuItem Text=Paste Value=Paste></asp:MenuItem></asp:MenuItem><asp:MenuItem Text=View Value=View><asp:MenuItem Text=Normal Value=Normal></asp:MenuItem><asp:MenuItem Text=Preview Value=Preview></asp:MenuItem></asp:MenuItem></Items></asp:Menu>
用数据绑定的方法将控件绑定到 XML 数据源
利用这种将控件绑定到 XML 文件的方法,可以通过编辑此文件来控制菜单的内容,而不需要使用设计器。这样就可以在不重新访问 Menu 控件或编辑任何代码的情况下,更新站点的导航内容。如果站点内容有变化,便可使用 XML 文件来组织内容,再提供给 Menu 控件,以确保网站用户可以访问这些内容。
1、制作好一级分类PPE2、在需要显示二级分类的地方添加一个层,再在这个层里插入表格,然后在表格里像做一般的功能一样写上从表里提取内容的程序
3、选中PPE,按快捷键Shift+F3展开【Behaviors】面板,单击上面的【+】号按钮,在下拉菜单里选择【Show-Hide Layers】行为
4、在d出的【Show-Hide Layers】对话框中,将添加的那个层设为“隐藏”,ACTIVE是“ON MouseOut(当鼠标移开PPE时隐藏层)”。
5、重复步骤3,在d出的【Show-Hide Layers】对话框中,将添加的那个层设为“显示”,ACTIVE是“ON MouseOver(当鼠标覆盖PPE时显示层)”。
6、选中新增加的层,按快捷键Shift+F3展开【Behaviors】面板,单击上面的【+】号按钮,在下拉菜单里选择【Show-Hide Layers】行为
7、在d出的【Show-Hide Layers】对话框中,将添加的那个层设为“隐藏”,ACTIVE是“ON MouseOut(当鼠标移开层时隐藏层)”。
8、重复步骤6,在d出的【Show-Hide Layers】对话框中,将添加的那个层设为“显示”,ACTIVE是“ON MouseOver(当鼠标覆盖层时显示层)”。
9、保存,在ie里浏览一下即可。
需要注意的是:新增加的层要和PPE无缝连接。否则鼠标移开PPE时没法显示层。
技巧在于:层可以拉得大点,覆盖PPE一半以上,表格也可以大点,设置里面的内容居中显示,调整到显示到该显示的位置即可。为了避免不同分辨率显示的位置差异过大,可以将新增层的水平位置用百分比来定位。不用PX值来定位。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)