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

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

 6449  62  查看评论 (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弹出层兼容所有浏览器
  弹出层
 41827  100

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 5282  48

过渡动画效果的Bootstrap模态窗口

这是一款基于velocity.js过渡动画效果的Bootstrap模态窗口和Popover。该效果在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果。
  弹出层
 6885  54

弹出层插件mc_dialog

弹出层插件mc_dialog
  弹出层
 17595  11

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

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

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

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

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

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