在学习jQuery的过程中,遇到项目中最常用到的下拉菜单,本着高效的原则,在此总结一下横向和纵向下拉菜单的实现效果,形成自己的小类库,以便自己在项目过程中能够方便的调用。 HTML部分: 引用menu.css、jquery.js(已经封装好的)和menu.js文件 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
实现效果: 可以发现这个待实现效果,是我们之前实现的button下面加了一个button list而已, 点击上面的Click Me按钮,这个button list要toggleable显示和隐藏。之后再通过一个div wrap 这两个组件为一个组件即可。 button list 可以是一组竖着的<div> list ,也可以是一组竖着的<a>。简单起见,我们选<a> list