响应式菜单滚动列表插件scrollmenu

所属分类:UI,导航-弹出层,其他导航

 36887  416  查看评论 (3)
分享到微信朋友圈
X
响应式菜单滚动列表插件scrollmenu ie兼容9

更新时间:2017/5/27 上午9:39:00

更新说明:删除了之前自己写的动画效果,防止与animate冲突

兼容animate.css

原本的animateStyle被改成

animateIn:进入动画

animateOut:离开动画

删除了之前自己写的动画效果,防止与animate冲突


scrollmenu

这是关于弹出关闭可滚动的菜单效果 兼容pc、移动端

  • height: //菜单栏的高度

  • zIndex: //层级

  • background:   //背景色

  • type: //cross or ''   横向列表  和 正常显示的效果   具体见下方链接

  • animateIn:     //菜单进入的效果    可使用animate.css

  • animateOut:     //菜单关闭的效果

  • duration:           //动画执行时间

  • hasLineBorder:     //是否显示一像素边框分割

  • bscroll:            //是否使用bScroll的 滚动方式

  • showRightIcon: //横向列表下是否显示右侧图标

  • iconSIze:           //图标大小

  • source:             //列表的信息

  • title:             //source  下的子属性    菜单名称

  • hasHref:           //source  下的子属性    是否有链接

  • href:               //source  下的子属性    链接地址

  • font_imgClass:     //source  下的子属性    图标的class名称

  • hrefType:           //source  下的子属性   //_self , _blank, _parent, _top   打开的类型

  • rightFont_imgClass: //source  下的子属性   //横向列表状态下 右侧的图标信息

  • click:function(ret){}     //列表被点击时候的方法   ret.ele  点击的元素   ret.hasHref  是否有链接  ret.index  点击的索引   ret.title   文本内容   ret.icon_class   图标的class名称


相关插件-弹出层,其他导航

jquery鼠标悬停滑动切换特效

jquery鼠标悬停滑动切换特效
  弹出层
 32471  387

移动端弹出层jquery插件简易

移动端弹出层jquery插件简易
  弹出层
 51558  334

表格鼠标移入同行同列变色(原创)

jQuery表格鼠标移入后同行同列变色
  弹出层
 26114  320

jquery弹出框插件dialogbox

jquery弹出框插件dialogbox
  弹出层
 53127  317

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Nova 0
    2017/9/6 11:11:35

    请问怎么手动关闭遮罩层?调用哪一个方法?

        未曾遗忘的青春0
        2017/9/6 11:28:17

        手动关闭遮罩是点击遮罩层实现的

        Nova0
        2017/9/15 14:41:15
        具体是哪一个方法咧?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复