设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

bDialog v2.0发布,增加消息对话框、遮罩等新功能

2017-9-4 23:25| 发布者: joejoe0332| 查看: 957| 评论: 0|原作者: oschina|来自: oschina

摘要: 下拉分页选择插件 bDialog v2.0 发布了,插件更新内容:修复窗口最大化后,内部iframe高度没有最大化的问题重构代码结构增加窗口打开后的动画效果增加国际化多语言支持增加bDialog.alert()对话框模式,支持info、war ...

下拉分页选择插件 bDialog v2.0 发布了,插件更新内容:

  • 修复窗口最大化后,内部iframe高度没有最大化的问题

  • 重构代码结构

  • 增加窗口打开后的动画效果

  • 增加国际化多语言支持

  • 增加bDialog.alert()对话框模式,支持info、warning、error、success、confirm五种模式

  • 增加bDialog.mask()遮罩模式

  • 修改原bDialog.closeCurrent方法的函数名为bDialog.close

插件介绍:

可多层嵌套、高定制化的模态窗口bDialog

基于Boostrap Modal功能进行增加、扩展的可多层嵌套、定制灵活的模态窗口

功能特点

  • 基于jQuery、bootstrap2,3进行开发

  • 可多层嵌套,并拥有各自独立的上下文

  • 灵活的窗口元素定制

  • 可在同一页面下展示各种不同样式、风格的窗口皮肤

  • 浏览器尺寸发生改变时,窗口将自动重新定位到浏览器中心区域

  • 模态窗口区域外点击、窗口自动定位等场景均有相应的提醒动画效果

  • 严格遵守Bootstrap Modal原生HTML代码结构,可自动适应所有基于Bootstrap的风格皮肤

  • 丰富的回调函数

浏览器兼容:IE8+、Chrome、Firefox等

插件基于jQuery开发,建议在Bootstrap环境下使用,目前支持Bootstrap2、Bootstrap3

目标用户群体

插件针对更希望使用Bootstrap原生态Modal组件的群体,bDialog开发之初,目的是为了统一开发团队对于Bootstrap Modal的使用方式,例如统一设置背景点击不关闭窗口,关闭底部按钮区域等,后续更是着重解决了窗口多层嵌套打开的功能需求,尤其是解决了该死的IE8下多层打开会导致浏览器崩溃的问题,同时还增加可对窗口进行灵活定制的开关,bDialog就是这么一款在Bootstrap Modal的原生模态窗口的基础功能上进行增加、扩展的插件。

窗口模式:

  • 模态窗口(Modal)

  • 消息对话框(Alert)

  • 遮罩(Mask)

更多实例、文档请访问:https://terryz.github.io/bdialog/index.html

项目GitHub地址:https://github.com/TerryZ/bDialog

效果预览

模态窗口效果图:


消息对话框模式效果图:

遮罩模式效果图:


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部