jquery仿IOS弹出框插件
来源:互联网 发布:key-value数据库 编辑:程序博客网 时间:2024/06/06 01:00
这款弹出框插件是本人自己模仿IOS原生弹出框写的一个自定义插件,包括Alert弹出框和Confirm确认框,支持标题,内容,按钮文字以及按钮回调函数自定义,使用非常简单,可以进行扩展,下面是插件使用方法,一看就懂:
- 首先导入jquery库和插件库以及css文件
<script src="./jquery-1.8.3.min.js"></script><script src="./jquery.confirm-1.1.js"></script><link href="./jquery.confirm-1.1.css" rel='stylesheet' type='text/css' />
- Alert弹出框快速使用
$.alert('Are you sure to continue?'); --内容支持html代码$.alert({ title: 'Alert弹出框!', --标题 默认标题(温馨提示) content: 'Are you sure to continue?', --内容});
- Alert回调弹出框使用
$.alert({ title: 'Alert回调弹出框!', content: 'alert带回调函数,点击确定按钮触发回调函数', buttons: { ok: { text: '好', --按钮标题 action: function () { --回调事件 alert("按钮回调函数被执行"); } } }});
- Confirm确认框使用
$.confirm('Are you sure to continue?');$.confirm({ title: 'Confirm确认框!', content: 'Are you sure to continue?', });
- Confirm回调确认框使用
$.alert({ title: 'Confirm回调确认框!', content: 'Confirm确认框,点击按钮触发回调函数', buttons: { ok: { --确定按钮 text: '确定', action: function () { alert("确定按钮回调函数被执行"); } }, close: { --关闭按钮 text: '关闭', action: function () { alert("关闭按钮回调函数被执行"); } } }});确认框按钮可以放置多个
- 效果展示
是不是使用起来非常简单 -_-
下载链接: https://pan.baidu.com/s/1b9Ka9C 提取码: nvp7
0 0
- jquery仿IOS弹出框插件
- jQuery 弹出框插件
- android-仿iOS弹出框
- android 仿IOS弹出框
- Android仿IOS弹出框
- jquery 消息插件--仿QQ消息弹出提醒
- jQuery 消息插件--仿QQ消息弹出提醒
- jquery 消息插件--仿QQ消息弹出提醒
- jquery 实现仿QQ右下角弹出框
- jquery 插件 弹出框等
- jquery弹出框插件--jqModal
- 仿ios弹出层提示框
- Android仿IOS地区弹出框选择器
- Android仿ios底部弹出框效果
- Android仿IOS 弹出框的实现
- 仿iOS弹出Dialog
- Jquery图片弹出框插件-jQuery lightBox
- Jquery图片弹出框插件-jQuery lightBox
- 前端关于屏幕的不同属性
- java模板方法模式
- 新手实现Python mysql数据库增删改查
- 基本数据结构--表、栈和队列
- Ajax数据格式
- jquery仿IOS弹出框插件
- 属性动画
- 常见前端面试题及答案(下)
- 最短路径问题
- 模拟实现库函数atoi
- Java集合系列(6)--HashMap
- notifyItemRemoved,notifyItemRangeRemoved和notifyItemRangeChanged(int positionStart, int itemCount, Ob
- PAT 1011
- 公元前的智能世界