词条统计
浏览次数:6268 次
编辑次数:1次 历史版本
最近更新:2013/6/20
创建者:掷鸡蛋者


在web开发中,我们经常需要使用菜单,wojilu ajax framework提供了一个简易菜单的实现。

请看上图第二行的命令“文章管理”,它右侧有一个下拉箭头。如果鼠标悬停上去,就会出现下拉菜单。Layout.html中菜单部分代码如下:

 

要实现这样一个简易菜单,您同样不需要写一行js代码。但需要添加几个html属性:

1、给命令本身加上 class="menuMore" 属性
2、给“菜单列表项”的容器加上 class="menuItems" 属性;并加上唯一的ID号
3、在命令上添加一个 list 属性,list的值是“菜单列表项”的ID号

通常情况下,“菜单列表项”要使用 ul/li 进行呈现。如果您使用其他Html元素,则需要自己修改 wojilu.common.css 样式表,否则效果出不来。