仿桌面通知（非弹框提示）——pnotify
2016-07-04 本文已影响2234人
webCoder
在做网站的时候，alert弹出框是非常常见的情形。但是，有些情况下，弹框对用户来说是并不友好的。调研了几个其他的提示插件了，发现pnotify比较好用，可配置性也高。
效果截图：
综合解决方案.gif
图上的效果，对用户来说还是非常友好的。
使用示例：
<!DOCTYPE html>
<html lang="en">
<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>
更多效果，可以点击 这里 。
点击效果按钮，然后点击see the source即可查看源码.png
