用javascript实现改善用户体验之alert提示效果

所属分类：网络编程 / JavaScript 阅读数： 1561

收藏 0赞 0分享

类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下，已解决了高度不能适应的BUG。使用方法很简单，在需要弹出提示的页面先引用alert.js脚本文件,如:
程序代码
<script type="text/javascript" src="alert.js"></script>
然后直接在需要提出处使用：
程序代码
sAlert("需要提示的信息");
即可.不需要额外添加HTML代码.
完整代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="zh-CN" lang="zh-CN">     <head>         <title>             脚本之家</title>         <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />         <meta http-equiv="Content-Language" content="gb2312" />              </head>     <body>          <div class="cecmbody" id="cecmpolicy">         <div class="leftClass">              <p>测试</p><p>测试</p>             <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>             <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>             <input type="button" value="点击这里" onclick="sAlert('测试效果');" />                  </div>         <div class="rightClass">         </div>         </div>                      </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

用javascript实现改善用户体验之alert提示效果

深入解析Vue 组件命名那些事

Vue学习笔记进阶篇之vue-cli安装及介绍

jquery版轮播图效果和extend扩展

jQuery Validate格式验证功能实例代码（包括重名验证）

Angular.js中angular-ui-router的简单实践

JavaScript实现二维坐标点排序效果

深入理解vue2.0路由如何配置问题

基于bootstrap实现多个下拉框同时搜索功能

JavaScript 值类型和引用类型的初次研究(推荐)

利用jQuery异步上传文件的插件用法详解

网络赚钱

站长故事