jQuery弹出框创建实例(原创)

所属分类:UI-工具提示,弹出层

 21936  162  查看评论 (4)
分享到微信朋友圈
X
jQuery弹出框创建实例(原创) ie兼容9

更新时间:2020-07-03 00:25:48

var mModal1 = new mModal({
     title: "提示", // 标题,默认:提示
     width: "25%", // 弹出框宽度,默认 25%
     top: "15vh", // 距离可视区域顶部距离 CSS中 margin-top 值
     content: "正文内容什么", // 正文,默认:正文内容
     cancelText: "取 消", // 取消按钮文本
     confirmText: "确 定", // 确定按钮文本
     showCancelButton: true, // 是否显示取消按钮
     showConfirmButton: true, // 是否显示确定按钮
     showClose: true, // 是否显示关闭按钮
     modal: true, // 是否需要遮罩层
     customClass: "", // 自定义类名confirm
     confirm: function () {
       alert("确定弹框1");
       mModal1.close();
     },
     cancel: function () {
       alert("取消弹框1")
     }
});
mModal1.renderDom();
相关插件-工具提示,弹出层

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 32648  312

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 29745  375

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 43753  435

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 30515  343

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

    苏生生 0
    2020/7/24 13:50:51
    你试试弹出时再按space键?
        我家的猫咪叫英俊1
        2020/8/21 15:38:26
        把点击事件对应的button标签换成其他标签试试呢?button按钮点击后没有失焦,space键和enter键都会继续触发
    回复
    2o781945 0
    2020/7/4 8:25:42
    确定或者取消又弹出个窗口,是不是有点烦人
        我家的猫咪叫英俊0
        2020/7/8 17:12:04
        那是alert弹框,例子上显示提示文字的,不需要的话可以不写alert啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复