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

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

 7703  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弹窗插件,轻量

jQuery轻量级弹窗兼容好大小只有2k.
  弹出层
 15677  25

jQuery弹出窗插件popModal

popModal弹出窗插件包含5个部分:弹出窗口、通知弹出、工具提示、模态对话框、titleModal
  弹出层
 32653  69

jQuery用户使用引导插件

用于新站或旧站改版是的功能提示和引导
  弹出层
 14505  71

jquery弹出层(弹窗)插件SexyLightBox

sexylightbox插件是lightbox繁衍而来,但它比lightbox更性感、更轻。它的架构使得网页设计师更加易于安装和使用。 查看演示将告诉你为什么它被认为是“性感”。
  弹出层
 30598  56

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

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

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

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

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

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