写web页面还在用传统的alert弹出框吗?用它会比较好看吧~
来源:互联网 发布:算法工程师的笔试 编辑:程序博客网 时间:2024/04/30 15:34
进击的前端huger 2017-11-27 13:17:04
在日常开发中,我们经常会在交互的过程中以alert弹出框的形式给用户通知。虽说根据不同浏览器alert样式不尽一致,但是那种灰溜溜的感觉使得用户体验性并不是很好,今天给大家推荐一款好看的仿桌面通知,丰富大家的页面。
PNotify
就是这个了
这效果看起来应该还不错吧~
用法还是很简单的,引入文件(文件可自行百度搜索PNotify)后,像下面这样写:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./pnotify.custom.min.css">
</head>
<body>
<script src="./jquery-1.12.0.min.js"></script>
<script src="./pnotify.custom.min.js"></script>
<script type="text/javascript">
$(function(){
new PNotify({
title: 'Regular Notice',
text: 'Check me out! I'm a notice.'
});
new PNotify(
'Check me out!'
);
new PNotify({
title: 'Regular Success',
text: 'That thing that you were trying to do worked!',
type: 'success'
});
});
</script>
</body>
</html>
当然,上述方法只是一个,还要有很多效果,官网是这个https://sciactive.com/pnotify/,想了解可自行去查阅~~大家觉得怎么样呢
阅读全文
0 0
- 写web页面还在用传统的alert弹出框吗?用它会比较好看吧~
- js写的一个好看的Alert
- 在智能时代,你还在用传统机吗?
- 今天在调试样式的时候,突然发现下面的字体还比较好看,中文的
- 我的response.write("<script>alert('成功')</script>")总是显示在页面上端,而不是以弹出框的形式显示?
- 【web前端】js刷新父页面:JS用什么方法可以在弹出的子页面刷新父页面?
- response跳转页面前弹出alert提示框分析及常见的弹出框使用
- (转)区块链上的股市:十年后传统股市还会存在吗?
- return的用法是什么?若用在for循环中,还会执行下一次循环吗?
- IPHONE的十宗罪!看了IPHONE的缺点,你还会选择它吗?
- 你还想继续在社会上混吗?如果想,请记好这20句话,在你最迷茫、最无助的时候,它会指引、照耀你前进的道路
- 分享2款比较好看的404页面
- 使用VB写ASP组件的朋友,你还在用ByRef传递参数吗?
- 当iPhone用上联发科,你还会爱上它吗?
- 用Bootstrap框架弹出iframe页面 在弹出的模态框中载人iframe页面
- DOM4J 操作 XML的工具类,自己写的,感觉还比较好用
- 单页web应用是什么?它又会给传统网站带来哪些好处?
- 单页web应用是什么?它又会给传统网站带来哪些好处?
- axios全攻略
- 【转】R-FCN
- 关于spring 结合不同的transaction-manager
- 最小生成树(Prime and Kruskal)
- svn is already locked如何解决
- 写web页面还在用传统的alert弹出框吗?用它会比较好看吧~
- Markdown编辑器写博客
- C#的两种类据类型:值类型和引用类型
- 每天一个linux命令(29):chgrp命令
- SVG基础一:认识SVG
- 微信小程序开发学习记录
- arcgis入门
- 万树IT:java实操技巧
- caffe基本数据结构---blob