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

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

 7740  75  查看评论 (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对话框插件dialogBox

原生jQuery对话框插件dialogBox,提供初学者学习,9种类型的对话框
  弹出层
 28601  118

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 10239  72

loading遮罩插件jquery.mloading

超实用的加载样式,为jquery element增加loading遮罩效果,jquery.watercolor.js简易版
  弹出层
 19563  39

web弹层组件

layer是一款口碑极佳的web弹层组件,layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色。官网有详细的API
  弹出层
 24552  117

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

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

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

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

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

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