最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 javascript IndexedDB是什么_如何存储大量结构化数据?
- 2 css表格隔行变色太生硬怎么办_利用rgba设置柔和半透明行背景色
- 3 Linux服务依赖关系怎么看_systemd依赖解析【教学】
- 4 Dapper怎么删除数据 Dapper删除操作实例
- 5 Linux日志怎么分析_操作步骤详解提升实战能力【技巧】
- 6 HTML如何规范书写代码_语义化标签使用规则【解析】
- 7 mysql如何启用数据加密_mysql数据加密配置方法
- 8 JavaScript代理与反射是什么概念?
- 9 如何写一个HTML页面_编写基础HTML页面结构指南【基础】
- 10 什么是格式良好的XML Well-Formed XML规则
- 11 javascript的Service Worker有什么用_如何实现离线应用
- 12 c++如何实现一个简单的Job System_c++游戏引擎任务系统【并发】
- 13 mysql安装后如何设置字符集_mysql安装字符集配置方法
- 14 css内边距撑大元素尺寸怎么办_掌握padding对盒模型的影响
- 15 css如何让链接颜色自动适配主题_结合currentColor继承方案
最新教程
-
- Node.js 教程
- 14186 2025-08-28
-
- CSS3 教程
- 1540859 2025-08-27
-
- Rust 教程
- 21886 2025-08-27
-
- Vue 教程
- 24389 2025-08-22
-
- PostgreSQL 教程
- 21101 2025-08-21
-
- Git 教程
- 8320 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>
