简洁的jQuery弹窗插件dialog

所属分类:UI-弹出层,对话框

 5614  59  查看评论 (4)
简洁的jQuery弹窗插件dialog ie兼容9

更新时间:2017/6/27 下午4:53:54

更新说明:

1. 优化当页面高度小于网页可视窗口高度 不执行showScroll方法 

2. 删除一个closeScroll方法 因为会影响关闭时 scroll的显示样式 并加以调整


更新时间:2017/6/15 上午10:14:23

更新说明:修改了一个插件属性名称bottons  换成了 buttons


更新时间:2017/6/5 下午3:33:14

更新说明:修复dailog 中 无动画效果的bug,浮层与弹窗的duration参数关联起来


更新时间:2017-5-24 21:30:09

更新说明:

  • 兼容animate

  • 原本的animateStyle被改成

  • animateIn:进入动画

  • animateOut:离开动画


dialog

一个小巧简约的弹窗插件

  • width:   弹窗的宽度   number

  • padding: 弹窗元素的 padding   字符串类型

  • title:   弹窗的title名称   字符串类型

  • discription:   弹窗的描述    字符串类型

  • borderRadius:    弹窗的圆角    字符串类型

  • bottons:   弹窗的按钮    数组类型  ['确定','取消']

  • maskBg:    浮层的背景色    字符串类型

  • dailogBg:   弹窗的背景色   字符串类型

  • type:   弹窗的样式   字符串类型   defalut   primary   success   danger   warning

  • zIndex:   弹窗的层级     number

  • hideScroll:    是否在弹窗的时候  关闭右侧的滚动条    bool

  • isBtnHasBgColor: bottons 是否有背景色   bool

  • showBoxShadow:   弹窗是否显示box-shadow    bool

  • animateStyle:    弹窗进入的动画   fadeInNoTransform   字符串类型

  • isInput:     是否显示文本输入框   bool

  • inputPlaceholder:   文本输入框的Placeholder的设置   字符串类型

回调

callBack:function(ret){}

返回值ret  ret.index 点击的索引, ret.input.status (如果有输入框为1,否则为0), ret.input.value  输入框的值

相关插件-弹出层,对话框

CSS变形弹窗效果mphingmodalwindow

把一个按钮触发成全屏聚焦的窗口的脚本,真是特别的流弊~
  弹出层
 9399  74

弹出容易

具有重量轻的jQuery插件,是一个必须有任何开发人员可以轻松地创建模态窗口。应用蒙版到您的网页,打开一个可定制的模态窗口弹出,将焦点放在重要元素。
  弹出层
 19813  36

弹出层插件mc_dialog

弹出层插件mc_dialog
  弹出层
 15753  11

web弹层组件

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

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

    未曾遗忘的青春 0
    2017/6/20 11:58:26

    最新的dialog插件   把原来的bottons参数名称换成了 buttons  了

    回复
    ?清歌王子?? 0
    2017/6/7 21:34:40
    不会报错的err 0
    2017/5/26 17:24:08
    站长这个插件没有time时间函数,希望改进!!
        未曾遗忘的青春0
        2017/5/26 17:25:54

        啥意思?

    回复
取消回复