用javascript實現(xiàn)改善用戶體驗之a(chǎn)lert提示效果

更新時間：2007年10月25日 11:49:30 作者：

類似于新浪郵箱的提示效果。比較獨立。在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" />         <style type="text/css">             *{                 margin:0;padding:0;             }         </style>     </head>     <body>          <div   id="wppm3vysvbp"   class="cecmbody" id="cecmpolicy">         <div   id="wppm3vysvbp"   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   id="wppm3vysvbp"   class="rightClass">         </div>         </div>                      </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: