渐变的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;\">[系统提示]</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需再刷新一下页面才能执行]

您可能感兴趣的文章:

渐变的Alert

微信小程序实现列表下拉刷新上拉加载
这篇文章主要为大家详细介绍了微信小程序实现列表下拉刷新上拉加载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-02-02
JavaScript从数组中删除指定值元素的方法
这篇文章主要介绍了JavaScript从数组中删除指定值元素的方法,实例分析了两种常用的javascript操作数组指定元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
JavaScript进阶之函数和对象知识点详解
为了让大家更加深入地了解JavaScript。这篇文章主要介绍了JavaScript中函数和对象知识点，文中的示例代码讲解详细，感兴趣的可以学习一下
2022-07-07
firefox下frameset取不到值的解决方法
IE FF都可以直接通过Frame的Name来访问,但是FrameSet不支持name属性
2010-09-09
sogou地图API用法实例教程
这篇文章主要介绍了C# sogou地图API用法,包括了各种常用属性的用法实例,需要的朋友可以参考下
2014-09-09
小程序实现简单吸顶效果
这篇文章主要为大家详细介绍了小程序实现简单吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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实现文本目标字符替换和一键全部替换
这篇文章主要介绍了JavaScript实现文本目标字符替换和一键全部替换，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-06-06

渐变的Alert

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具