各种下拉菜单,导航,多级菜单,右侧展开,左侧展开
点击显示菜单 下拉菜单
常见于登录后的帐号管理等位置,默认是隐藏的,鼠标点击后显示下拉详情
向下展开菜单 隐藏展开菜单
注意本例用了一个图片,就是大类的图片menu.jpg,可以到演示页面下载
纯css下拉菜单,可以设置下拉菜单为多列
和一般的下拉菜单不同处在于下拉的内容可以按照需求设置为1行2个,注意一点就是顺序是在table里面用td设置的,如果是数据库读取的话要先取得记录数后计算左右2列的数量
类似京东和易迅的菜单-可以折叠隐藏的导航菜单
很流行的菜单,很多购物网站在使用,包括京东,新蛋中国,易迅都是类似的
演示地址可以存源码
Jquery 下拉菜单动画效果
本例除了下面的这些代码还用了比较多的js文件,请看演示源码
Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
一般类似向下打开的导航菜单都是小类才有链接,这个因为是鼠标经过而不是点击的,大小类别都是链接
水平展开菜单,侧拉菜单
js菜单
纯CSS的大型下拉菜单,支持放图片在下拉导航里面
效果非常漂亮,也很实用,小型,中型网站均可使用