这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了纯 JavaScript 基于 notie.js 插件实现消息提示特效,可以制作 Alert 提示框,确认框和带输入的消息框,感兴趣的小伙伴们可以参考一下
本文实例介绍了纯 JavaScript 实现消息提示特效是一款基于 notie.js 插件实现的可以制作 Alert 提示框,确认框和带输入的消息框,分享给大家供大家参考,具体内容如下
效果图:
实现的代码: html 代码:
- <br>
- <br>
- <br>
- <br>
- <br>
- <br>
- <article class="zzsc">
- <div class="div-ext">
- <div class="div-int">
- <span>
- Test notie with these buttons:
- </span>
- <br>
- <button onclick="success();">
- Success
- </button>
- <button onclick="warning();">
- Warning
- </button>
- <button onclick="error();">
- Error
- </button>
- <br>
- <button onclick="info();">
- Information
- </button>
- <button onclick="confirm();">
- Confirm
- </button>
- <button onclick="input();">
- Input
- </button>
- <br>
- </div>
- </div>
- </article>
js 代码:
- function success() {
- notie.alert(1, 'Success!', 2);
- }
- function warning() {
- notie.alert(2, 'Warning<br><b>with</b><br><i>HTML</i><br><u>included.</u>', 2);
- }
- function error() {
- notie.alert(3, 'Error.', 2);
- }
- function info() {
- notie.alert(4, 'Information.', 2);
- }
- function confirm() {
- notie.confirm('Are you sure you want to do that?<br><b>That\'s a bold move...</b>', 'Yes', 'Cancel',
- function() {
- notie.alert(1, 'Good choice!', 2);
- });
- }
- function input() {
- notie.input('Please enter your email address:', 'Submit', 'Cancel', 'email', 'name@example.com',
- function(value_entered) {
- notie.alert(1, 'You entered: ' + value_entered, 2);
- });
- }
希望本文所述对大家学习 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0406/267514.html