在做網(wǎng)站的時(shí)候，alert彈出框是非常常見的情形舱禽。但是炒刁，有些情況下，彈框?qū)τ脩魜碚f是并不友好的誊稚。調(diào)研了幾個(gè)其他的提示插件了翔始，發(fā)現(xiàn)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>
更多效果疾瓮，可以點(diǎn)擊 這里 脖镀。
點(diǎn)擊效果按鈕，然后點(diǎn)擊see the source即可查看源碼.png
