渐变的alert_好看的alert样式或者弹窗样式

该样式是我网上搜寻的，风格好看又简洁，不失大雅！

就不过多描述了，自己体验一下吧~：点我体验一番

一、引入js和css文件

二、js调用替代alert

一、引入js和css文件

直接在head引入：

2、或者下载之后再引入。

二、js调用替代alert

直接使用swal()函数替代alert函数即可，同时sweetalert还提供更加多样化的弹出框。

1、标准弹出框

swal("开始这个完美的弹出框旅程吧！")

swal("这是标题！","这是文本")

3、成功的提示，可以带动画效果的哦

swal("这还是标题！","这还是文本","success")

4、带函数传值的alert

swal({

title: "确定删除吗？",

text: "你将无法恢复该虚拟文件！",

type: "warning",

showCancelButton: true,

confirmButtonColor: "#DD6B55",

confirmButtonText: "确定删除！",

cancelButtonText: "取消删除！",

closeOnConfirm: false,

closeOnCancel: false

function(isConfirm){

if (isConfirm) {

swal("删除！", "你的虚拟文件已经被删除。",

"success");

} else {

swal("取消！", "你的虚拟文件是安全的:)",

"error");

}

});

5、可以内嵌html代码的alert

swal({title: "HTML 标题!"text: "自定义这是蓝色的。",html: true});

渐变的alert_好看的alert样式或者弹窗样式相关推荐

CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
html的confirm弹窗样式修改,模拟自定义alert与confirm样式
前段时间做ACG Balrogs的时候感觉系统自带的alert与confirm非常难看,所以百度了一下这两个的自定义,但是一看百度上面的代码!WTF?什么鬼,根本看不懂,对于我这种js渣来说简直是在看 ...
js改变style样式和css样式
js可实现用户对页面中的选择条件改变页面中的样式,页面样式可以通过style修饰,也可以通过css修饰,先来看一下js改变style样式,代码如下: [html] view plaincopy < ...
CAD关于文字样式删除文字样式(com接口网页版）
在删除文字样式前,最好判断图上有没有文字对象正在使用该文字样式,如果有的话就不要删除文字样式 JS代码如下: function DelText() {var winWidth = 440;var wi ...
自定义bootstrap样式-9行样式自定义漂亮大气bootstrap导航栏
有人说前端发展太快,框架太多,各有所需,各有所长.看看这幅图,估计都知道这些框架,但是大部分公司中实际要用到的也就那么几个. 发展再快,框架再多.还是得回到原点,不就是Html+Css+JavaScr ...
CAD关于标注样式删除标注样式（com接口网页版）
在删除标注样式前,最好判断图上有没有标注对象正在使用该样式,如果有的话就不要删除文字样式 js代码如下: function DelDim() {var winWidth = 440;var winHe ...
js-dom修改样式-内联样式
元素.style.样式名=样式值----------------->通过style改的是内联样式具有较高优先级 box1.style.width = "300px";--- ...
Python可视化matplotlib自定义：运行时参数修改、自定义样式、默认样式+plt.style.use()
Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认样式+plt.style.use() 目录 Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认 ...
【Android 应用开发】 ActionBar 样式详解 -- 样式主题简介 Actionbar 的 icon logo 标题菜单样式修改
作者 : 万境绝尘 (octopus_truth@163.com) 转载请著名出处 : http://blog.csdn.net/shulianghan/article/details/3926916 ...
bootstrap的td可以增加title样式_3.CSS样式的三种使用方式
1.内链样式表内联样式,又有人称行内样式.行间样式.内嵌样式.是通过标签的style属性来设置元素的样式,其基本语法格式如下: Title 码海无际 2.嵌入式样式表内嵌式是将CSS代码集中写在H ...

渐变的alert_好看的alert样式或者弹窗样式

渐变的alert_好看的alert样式或者弹窗样式相关推荐

最新文章

热门文章