漸變的Alert

更新時間：2006年11月04日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" > <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="Smiling Dolphin" /> <meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display, java, javascript, c++, php, jsp, asp, py, pl" /> <meta name="description" content="my favorites language." /> <meta name="robots" content="all" /> <title>Dolphin Document</title> </head> <body> <input type="button" value="顯示Alert" onclick="alert('我改寫了Alert顯示的樣式')" /> abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc <script language="javascript" type="text/javascript"> window.alert = function(txt) { //document.write(txt); var shield = document.createElement("DIV"); shield.style.position = "absolute"; shield.style.left = "0px"; // shield.id = "shield"; shield.style.top = "0px"; shield.style.width = "100%"; shield.style.height = document.body.clientHeight+"px"; shield.style.background = "#333"; shield.style.textAlign = "center"; // shield.style.lineHeight = document.body.clientHeight+"px"; shield.style.zIndex = "1"; shield.style.filter = "alpha(opacity=0)"; var alertFram = document.createElement("DIV"); alertFram.style.position = "absolute"; alertFram.style.left = "50%"; alertFram.style.top = "50%"; alertFram.style.marginLeft = "-225px"; alertFram.style.marginTop = "-75px"; alertFram.style.width = "450px"; alertFram.style.height = "150px"; alertFram.style.background = "#ccc"; alertFram.style.textAlign = "center"; alertFram.style.lineHeight = "150px"; alertFram.style.zIndex = "2"; strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n"; strHtml += " <li style=\"background:#DD828D;text-align:left;padding-left:20px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系統(tǒng)提示]</li>\n"; strHtml += " <li style=\"background:#fff;text-align:center;font-weight:bold;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+txt+"</li>\n"; strHtml += " <li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"確 定\" onclick=\"doOk()\" /></li>\n"; strHtml += "</ul>\n"; alertFram.innerHTML = strHtml; document.body.appendChild(alertFram); document.body.appendChild(shield); var c = 0; this.doAlpha = function(){ if (c++ > 10){clearInterval(ad);return 0;} shield.style.filter = "alpha(opacity="+c+");"; } var ad = setInterval("doAlpha()",20); this.doOk = function(){ alertFram.style.display = "none"; shield.style.display = "none"; } } </script> </body> </html>

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

您可能感興趣的文章:

漸變的Alert

微信小程序實現(xiàn)列表下拉刷新上拉加載
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)列表下拉刷新上拉加載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-02-02
JavaScript從數(shù)組中刪除指定值元素的方法
這篇文章主要介紹了JavaScript從數(shù)組中刪除指定值元素的方法,實例分析了兩種常用的javascript操作數(shù)組指定元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
JavaScript進階之函數(shù)和對象知識點詳解
為了讓大家更加深入地了解JavaScript。這篇文章主要介紹了JavaScript中函數(shù)和對象知識點，文中的示例代碼講解詳細，感興趣的可以學習一下
2022-07-07
firefox下frameset取不到值的解決方法
IE FF都可以直接通過Frame的Name來訪問,但是FrameSet不支持name屬性
2010-09-09
sogou地圖API用法實例教程
這篇文章主要介紹了C# sogou地圖API用法,包括了各種常用屬性的用法實例,需要的朋友可以參考下
2014-09-09
小程序實現(xiàn)簡單吸頂效果
這篇文章主要為大家詳細介紹了小程序實現(xiàn)簡單吸頂效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
js獲取IFRAME當前的URL的方法
在用iframe的時候都會做分頁操作 iframe內部的url跳轉將不能直接通過iframe的src屬性來獲得，下面與大家分享下iframe的當前url的獲取方法
2013-11-11
javascript中的try catch異常捕獲機制用法分析
這篇文章主要介紹了javascript中的try catch異常捕獲機制,簡單分析了try catch異常捕獲機制的基本定義與使用方法,需要的朋友可以參考下
2016-12-12
JsRender for object語法簡介
這篇文章主要介紹了JsRender for object語法,以實例形式講述了for Object的用法,需要的朋友可以參考下
2014-10-10
JavaScript實現(xiàn)文本目標字符替換和一鍵全部替換
這篇文章主要介紹了JavaScript實現(xiàn)文本目標字符替換和一鍵全部替換，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-06-06