龙空技术网

写web页面还在用传统的alert弹出框吗?用它会比较好看吧~

未冬未夏 9517

前言:

此刻小伙伴们对“jqueryui弹出框”大概比较注意,看官们都想要学习一些“jqueryui弹出框”的相关内容。那么小编同时在网络上搜集了一些关于“jqueryui弹出框””的相关文章,希望我们能喜欢,你们一起来学习一下吧!

在日常开发中,我们经常会在交互的过程中以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>

当然,上述方法只是一个,还要有很多效果,官网是这个,想了解可自行去查阅~~大家觉得怎么样呢

标签: #jqueryui弹出框