最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 如何理解JavaScript中的异步编程_回调函数和Promise有什么区别?
- 2 javascript正则表达式怎么用_如何匹配邮箱和手机号?
- 3 CSS异步加载样式导致布局跳动怎么处理_preload方式提前加载关键布局CSS
- 4 移动端布局适配太麻烦怎么办_利用flex方向切换适配屏幕
- 5 css背景图重复影响视觉怎么办_css重复问题用background-repeat调整
- 6 如何在Golang中实现模板方法模式_Golang模板方法模式流程控制
- 7 css点击时按钮有反馈怎么做_通过active伪类模拟按压
- 8 css如何快速创建等宽网格布局_使用display:grid和grid-template-columns实现
- 9 cssabsolute定位实现下拉菜单怎么做_通过hover控制显示隐藏
- 10 Golang如何实现微服务负载均衡策略_Golang微服务负载均衡优化方法
- 11 如何在Golang中测试配置文件加载_验证默认值和异常处理
- 12 C++如何实现一个简单的渲染器_C++从零开始实现一个光线追踪渲染器
- 13 C++如何判断两个浮点数是否相等_C++ float比较精度的正确处理
- 14 C++的属性(Attribute)是什么_C++11 [[nodiscard]]和[[deprecated]]等属性的用法
- 15 如何使用Golang进行性能优化前后对比_Benchmark对比效率变化
最新教程
-
- Node.js 教程
- 14113 2025-08-28
-
- CSS3 教程
- 1540656 2025-08-27
-
- Rust 教程
- 21815 2025-08-27
-
- Vue 教程
- 24329 2025-08-22
-
- PostgreSQL 教程
- 21051 2025-08-21
-
- Git 教程
- 8295 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>
