最新下载
jQuery+CSS3实现3D缩略图悬停效果
24小时阅读排行榜
- 1 php8.5websocket怎么用_php8.5workerman搭建websocket服务
- 2 SQL JOIN导致重复数据_JOIN陷阱与解决方法
- 3 HTML表单如何设计智能表单路由_HTML表单设计智能表单路由步骤【操作】
- 4 如何在 Go 中构建兼具库功能与命令行工具的统一项目
- 5 如何修复 Flask 表单提交不触发 POST 请求的问题
- 6 Python mock怎么用_测试中模拟对象技巧
- 7 如何在 PostgreSQL 插入前彻底清理字符串中的多余空白字符
- 8 php转换intval教程 php字符串转数字有哪些坑【避坑】
- 9 php怎么反转字符串 php字符串倒序排列方法【总结】
- 10 HTML表单如何处理多逻辑分支_HTML表单处理多逻辑分支流程【详解】
- 11 如何彻底解决 Vue 应用在浏览器端的缓存问题
- 12 Python中乘法运算符“”不可省略:修复rho相关语法错误
- 13 php编辑PPT模板时批量替换占位符图片
- 14 Livewire 中安全更新与删除用户头像文件的完整实践指南
- 15 SQL 控制流语句 IF、CASE 复杂应用
最新教程
-
- Node.js 教程
- 17972 2025-08-28
-
- CSS3 教程
- 1552048 2025-08-27
-
- Rust 教程
- 25039 2025-08-27
-
- Vue 教程
- 26926 2025-08-22
-
- PostgreSQL 教程
- 23332 2025-08-21
-
- Git 教程
- 10195 2025-08-21
jQuery确认对话框窗口弹窗插件,点击按钮弹出对话框提示确认取消等操作代码。
<div class="div-testDialog">
<button class="dw-btn has-hover disabled input-reverse-tofull" onClick="javascript:$('body').dailog({type:'defalut'})">默认的弹窗</button>
<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success'})">success</button>
<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary'})">primary</button>
<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger'})">danger</button>
<button class="dw-btn btn-warning has-hover" onClick="javascript:$('body').dailog({type:'warning'})">warning</button>
<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success',maskBg:'rgba(88,11,22,0.5)'})">可设置mask背景色</button>
<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger',title:'震惊!!!.',discription:'WE小组赛战胜了SKT,卢兮夜单杀两次瓜皮,心疼一波!'})">自定义文案 title,discription</button>
<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger',title:'错误.',discription:'听说昨晚WE战胜了SKT!!!你知道晚WE战胜了SKT!!!你知道吗?',isInput:true},function(ret) {if(ret.index===0){alert('你点击的是第'+ret.index+'个按钮,状态:'+ret.input.status+';输入的值为:'+ret.input.value)};})">点击之后的回调函数</button>
<button class="dw-btn has-hover disabled input-reverse-tofull" onClick="javascript:$('body').dailog({type:'defalut',showBoxShadow:true})">box-shadow</button>
<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success',showBoxShadow:true,maskBg:'#fff'})">box-shadow</button>
<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary',showBoxShadow:true,maskBg:'#fff'})">box-shadow</button>
<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary',showBoxShadow:true,animateStyle:'none'})">无进入动画</button>
<button class="dw-btn btn-warning has-hover" onClick="javascript:$('body').dailog({type:'warning',showBoxShadow:true,animateStyle:'none',bottons:['确定'],discription:'也许有点问题!'})">单个按钮</button>
</div>
