素材牛VIP会员

jQuery简单的弹出层弹出框效果实例

 所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层,弹窗

 浏览:381次  评论:0次  更新时间:2023-02-22
牛币素材VIP可免积分下载
jQuery简单的弹出层弹出框效果实例
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:通过创建实例的方法,生成弹出框

详细介绍

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();

文件目录结构

  • icon
    • ┝ iconfont.css
    • ┝ iconfont.eot
    • ┝ iconfont.js
    • ┝ iconfont.svg
    • ┝ iconfont.ttf
    • ┝ iconfont.woff
    • ┝ iconfont.woff2
  • ┝ index.html
  • ┝ modal.css
  • ┝ modal.js

相关素材 - 对话框/灯箱/提示,悬浮层/弹出层,弹窗

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:10 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)