源码下载：

https://github.com/tomlxq/jquery-confirm

效果图：

This is a demonstration. include fancybox css/js, please take care!

页面调用JS:

        $(document).ready(function() {$("#delete_without_layer").click(function () {$.tConfirm.open({body:'Are you sure to delete?',type:'confirm',onOk:function(){alert("yes");}});});$("#delete_with_layer").click(function () {$.tConfirm.open({overlay:true,body:'Are you sure to delete?',type:'confirm',onOk:function(){alert("yes");}});});$("#information").click(function () {$.tConfirm.open({body:'This is confirm box based on fancybox!',type:'info',onOk:function(){alert("yes");}});});$("#success").click(function () {$.tConfirm.open({body:'Save success!',type:'success',onOk:function(){alert("yes");}});});$("#error").click(function () {$.tConfirm.open({body:'Some fields are wrong!',type:'error',onOk:function(){alert("yes");}});});      $("#warning").click(function () {$.tConfirm.open({body:'Someone login, it\'s not real user!',type:'warning',onOk:function(){alert("yes");}});});});

Figure 1. common confirm

Figure 2. confirm box with layer

Figure 3. error box

Figure 4. success box

Figure 5. warning box

posted on 2016-05-21 15:13 tomLuo 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/tomlxq/p/5514801.html

Alert提示框插件相关推荐

轻巧的jQuery提示框插件Tipso演示
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8&qu ...
vue.js提示框插件(vuejs-dialog)使用指南
vue.js提示框插件更多文章,请访问我的博客综述在项目中,代替浏览器原生的alert.confirm和prompt 名称:vuejs-dialog 用途:简洁美观的对话框官网:地址 gith ...
php中如何写js代码提示_PHP 如何编写类似js中alert() 提示框
这篇文章主要介绍了PHP 实现类似js中alert() 提示框功能,非常的实用,这里推荐给大家,有需要的小伙伴来参考下,希望大家能喜欢. 主要应用于添加判断提示,跳转,返回,刷新. 代码如下:/** ...
在指定位置上方出现通用jquery悬浮提示框插件全站通用
工作需要,网站悬浮提示框要求出现在指定元素上方,由于工作量修改比较大所以要求全站通用,所以写了一个juqery插件,插件很简单,大家可以自行更改样式. 请转载此文的朋友务必附带原文链接,谢谢. 原文链 ...
15个友好的jQuery 提示框插件
需要在用户把光标移到某个元素上时显示一些额外信息时,提示框是一种不错的方式,提示框会在鼠标停留的时候显示,鼠标移开时消失. 适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今 ...
Vue组件编写之Alert提示框组件编写
Alert提示框的vue组件编写最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路. 主要分为三 ...
数据可视化——（提示框插件）
提示框插件有很多,不同的框架中选择的也不一样. 本文主要分享toastr插件总结它的使用步骤如下: 使用步骤: 加载 jqury.js.toastr.css 和 toastr.js 文件全局配置. ...
HTML5 JS alert提示框内容换行显示
关于HTML中的 alert提示框内容换行显示草率简单叙述一下,当然方法不止这一种问题这里我想让输出的内容换行对齐显示我首先想到了html中的 br 换行这是初始代码 <a href= ...
html js 循环提示框,纯js超酷消息提示框插件notice.js
notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...
04.tooltip提示框插件，linkbutton按钮插件与progressbar进度条插件
tooltip提示框插件 1 渲染方式 2 属性 3 事件 4 方法 linkbutton按钮插件 21 渲染方式 22 属性 23 方法 progressbar进度条插件 1 渲染方式 2 属性 3 ...

Alert提示框插件

源码下载：

效果图：

Alert提示框插件相关推荐

最新文章

热门文章