jQuery实现向下滑出的二级菜单效果实例_jquery

这里用jQuery实现向下滑出的二级菜单代码，滑出菜单，鼠标放在主菜单的任意一项上，就会向下滑出二级的子菜单。当然本代码只是一个演示，有些菜单是随便弄的，经过测试，兼容IE8、火狐和Chrome等浏览器，有兴趣的你可以自己试下。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-down-show-2menu-style-codes/

具体代码如下：

 
 
 
 
公司概况
 
 
产品展示
 
 
新闻动态
 
营销网络
 
照明知识
 
 
人力资源
 
 
客服中心
 
 
联系我们
 
 
 
 
 
 

 
服饰内衣
 

 女装
 男装
 内衣
 家居服
 配件
 羽绒
 呢大衣
 毛衣
 
 
 

 
鞋 箱包
 

 女鞋
 男鞋
 箱包
 女包
 男包
 旅行箱
 钱包 
 
 
 

 
珠宝、手表
 

 饰品
 项链
 珠宝
 钻石
 手表
 
 
 

 
化妆品
 

 护肤
 彩妆
 香水
 男士
 精油
 假发
 美体
 试用服务
 
 
 

 
运动 户外
 

 运动鞋
 运动服
 运动用品
 户外
 
 
 

 
手机 数码
 

 手机
 笔记本
 相机
 平板电脑
 配件
 电脑硬件
 
 
 

 
家用电器
 

 大家电
 影音电器
 生活电器
 厨房电器
 健康护理
 剃须刀
 
 
 

 
家具 建材
 

 家具
 卫浴
 地板
 灯具
 五金
 开关
 装修设计
 
 
 

 
家纺 居家
 

 家纺
 磨毛套件
 羽绒被
 枕头
 软饰
 居家
 厨房
 
 
 

 
食品
 

 零食
 进口
 茶叶
 冲饮
 酒水
 粮油
 干货
 生鲜
 
 
 

 
医药保健
 

 保健
 滋补
 蛋白粉
 阿胶
 药品
 血压仪
 计生
 体检
 
 
 

 
母婴用品
 

 玩具
 宝宝食品
 用品
 童装
 孕装
 
 
 

 
汽车 配件
 

 新车
 座垫
 脚垫
 GPS
 车衣
 洗车机
 水
 
 
 

 
文化 玩乐
 

 电子凭证
 图书
 乐器
 旅游
 鲜花
 
 
 
 
 
 
 

 
服饰内衣
 

 女装
 男装
 内衣
 家居服
 配件
 羽绒
 呢大衣
 毛衣
 
 
 

 
鞋 箱包
 

 女鞋
 男鞋
 箱包
 女包
 男包
 旅行箱
 钱包 
 
 
 

 
珠宝、手表
 

 饰品
 项链
 珠宝
 钻石
 手表
 
 
 

 
化妆品
 

 护肤
 彩妆
 香水
 男士
 精油
 假发
 美体
 试用服务
 
 
 

 
运动 户外
 

 运动鞋
 运动服
 运动用品
 户外
 
 
 

 
手机 数码
 

 手机
 笔记本
 相机
 平板电脑
 配件
 电脑硬件
 
 
 

 
家用电器
 

 大家电
 影音电器
 生活电器
 厨房电器
 健康护理
 剃须刀
 
 
 

 
家具 建材
 

 家具
 卫浴
 地板
 灯具
 五金
 开关
 装修设计
 
 
 

 
家纺 居家
 

 家纺
 磨毛套件
 羽绒被
 枕头
 软饰
 居家
 厨房
 
 
 

 
食品
 

 零食
 进口
 茶叶
 冲饮
 酒水
 粮油
 干货
 生鲜
 
 
 
 
 
 
 

 
服饰内衣
 

 女装
 男装
 内衣
 家居服
 配件
 羽绒
 呢大衣
 毛衣
 
 
 

 
鞋 箱包
 

 女鞋
 男鞋
 箱包
 女包
 男包
 旅行箱
 钱包 
 
 
 

 
珠宝、手表
 

 饰品
 项链
 珠宝
 钻石
 手表
 
 
 

 
化妆品
 

 护肤
 彩妆
 香水
 男士
 精油
 假发
 美体
 试用服务
 
 
 

 
运动 户外
 

 运动鞋
 运动服
 运动用品
 户外
 
 
 
 
 3
3
 4
3
4
 5
 6
3
3
 7
3
3
3
 
 

希望本文所述对大家的jquery程序设计有所帮助。