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

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

 8337  77  查看评论 (3)
响应式菜单滚动列表插件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悬浮窗弹出登录注册
  弹出层
 28788  165

jquery灯箱插件Rebox

jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。很简单,不需要任何图像。
  弹出层
 19812  38

18种弹框特效

18种弹框特效
  弹出层
 38534  395

Bootstrap提取modal,原汁原味

找了大半天,最终还是自己提取的好,modal所有参数都可以使用
  弹出层
 5842  12

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

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

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

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

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

        Nova0
        2017/9/15 14:41:15
        具体是哪一个方法咧?
    回复
取消回复