首页>>导航菜单
各种下拉菜单,导航,多级菜单,右侧展开,左侧展开

jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类

 本例有另外2个关联案例,演示地址分别为2.php,3.php

jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类

点击显示菜单 下拉菜单

 常见于登录后的帐号管理等位置,默认是隐藏的,鼠标点击后显示下拉详情

点击显示菜单 下拉菜单

向下展开菜单 隐藏展开菜单

 注意本例用了一个图片,就是大类的图片menu.jpg,可以到演示页面下载

向下展开菜单 隐藏展开菜单

纯css下拉菜单,可以设置下拉菜单为多列

 和一般的下拉菜单不同处在于下拉的内容可以按照需求设置为1行2个,注意一点就是顺序是在table里面用td设置的,如果是数据库读取的话要先取得记录数后计算左右2列的数量

纯css下拉菜单,可以设置下拉菜单为多列

类似京东和易迅的菜单-可以折叠隐藏的导航菜单

很流行的菜单,很多购物网站在使用,包括京东,新蛋中国,易迅都是类似的

演示地址可以存源码

类似京东和易迅的菜单-可以折叠隐藏的导航菜单

Jquery 下拉菜单动画效果

 本例除了下面的这些代码还用了比较多的js文件,请看演示源码

Jquery 下拉菜单动画效果
共有 62 条记录 (9/11)     第一页    上一页    下一页    末页