`
yiyanwan77
  • 浏览: 187866 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

转一个alert

阅读更多
<!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>
    <style type="text/css" title="currentStyle" media="screen">
        body,p{
            margin:0px;
            padding:0px;
        }
    </style>
</head>
<body>
<input type="button" value="显示Alert" onclick="alert('真的要关闭本窗口?')" />
<textarea>这里显示文章</textarea>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<script language="javascript" type="text/javascript">
window.alert = function(txt)
{
    var shield = document.createElement("DIV");
    shield.id = "shield";
    shield.style.position = "absolute";
    shield.style.left = "0px";
    shield.style.top = "0px";
    shield.style.width = "100%";
    shield.style.height = document.body.scrollHeight+"px";
    shield.style.background = "#333";
    shield.style.textAlign = "center";
    shield.style.zIndex = "10000";
    shield.style.filter = "alpha(opacity=0)";
    var alertFram = document.createElement("DIV");
    alertFram.id="alertFram";
    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 = "10001";

    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-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系统提示]</li>\n";
    strHtml += "    <li style=\"background:#fff;text-align:center;font-size:12px;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++ > 20){clearInterval(ad);return 0;}
        shield.style.filter = "alpha(opacity="+c+");";
    }
    var ad = setInterval("doAlpha()",5);
    this.doOk = function(){
        window.close();
    }
    alertFram.focus();
    document.body.onselectstart = function(){return false;};
}

</script>

</body>
</html>

 

分享到:
评论

相关推荐

    简易的alert提示框

    首先,`alert()`函数是JavaScript语言中的一个内建方法,它会在浏览器中弹出一个带有指定消息的对话框。这个对话框通常包含一个“确定”按钮,用户必须点击后才能继续浏览网页。例如,要弹出一个简单的“你好,世界...

    sweetalert.zip

    SweetAlert 是一个流行的JavaScript库,用于创建优雅、可自定义的弹出对话框。这个压缩包文件"sweetalert.zip"包含了库的核心组成部分,即`sweetalert.css`和`sweetalert.min.js`。 `sweetalert.css`是SweetAlert的...

    有语音提示的alert消息对话框

    "有语音提示的alert消息对话框"是一个创新的功能,它结合了传统的alert对话框与现代语音技术,旨在提升用户的使用体验。Alert对话框是编程语言中常用的一种通知用户的方式,通常用于显示警告信息或确认操作。在描述...

    脚本alert打印对象结构

    标题中的“脚本alert打印对象结构”指的是在JavaScript编程中,使用`alert`函数来显示一个对象的结构或内容。通常,当我们想要查看一个对象的所有属性和方法时,`console.log()`是常用的工具,但`alert()`也能提供...

    jQuery模态消息对话框插件SweetAlert2.zip

    总的来说,SweetAlert2是一个功能强大的jQuery插件,它极大地提升了网页中提示和确认对话框的质量和用户体验。无论是简单的信息提示还是复杂的用户交互,都能借助其丰富的定制选项和API实现。如果你希望提升网站的...

    自定义IOS alert

    本项目针对系统的`UIAlertController`进行了封装,以实现一个可高度定制且仿原生的`alert`弹框,并且支持通过`block`回调来处理用户操作。 首先,我们要理解`UIAlertController`是苹果推荐用来替代`UIAlertView`和`...

    sweet-alert-dialog

    "Sweet Alert Dialog" 是一个专为 Android 设计的高级对话框库,它为开发者提供了丰富的动画效果和多种对话框样式,极大地增强了应用的用户界面体验。这个库是基于 Android Studio 开发的,使得集成和自定义变得更加...

    sweet-alert-dialog的eclipse版本

    最后,开发者需要注意的是,虽然Eclipse仍然是一个广泛使用的IDE,但现在许多新的Android开发已经转向了Android Studio。对于新项目,建议使用Android Studio,因为它有更好的对Gradle支持,可以方便地管理依赖并...

    自定义遮罩和Alert弹出框样式

    遮罩层通常用于在页面上创建一个半透明的覆盖层,以突出显示某个特定区域或阻止用户与背景内容的互动。自定义遮罩层样式可以使你的应用在视觉上更加独特和专业。这包括但不限于改变遮罩的透明度、颜色、大小以及动态...

    SweetAlertDialog

    无论是用于显示简单的提示信息,还是复杂的交互流程,SweetAlertDialog都是一个值得信赖的工具。在使用过程中,开发者可以根据自己的设计风格和应用需求进行灵活调整,创造出独一无二的对话框体验。

    前端特效-alert框自动关闭.rar

    在前端开发中,"alert框自动关闭"是一个常见的交互效果,尤其在用户操作或系统提示时,为了提供更好的用户体验,开发者常常希望alert对话框能在一定时间后自动消失,而不是一直等待用户手动点击“确定”按钮。...

    dump类似alert的功能可以打印数组对象等

    总的来说,"dump"函数是一个强大的调试工具,它扩展了JavaScript中基本的打印功能,使得在开发过程中检查和调试复杂数据结构变得更加便捷。通过理解和使用"dump",开发者可以提升工作效率,更好地理解和解决代码中的...

    JavaScript调试 (告别alert() )

    对于JavaScript调试,以下几个关键部分特别有用: 1. **Sources面板**:在这里,你可以查看和编辑网页的所有源代码,包括内联脚本和外部脚本文件。设置断点(点击行号)可以帮助我们在特定代码行暂停执行,以便检查...

    收集alertmanager警报并将它们推送到ElasticSearch(来.zip

    在IT监控领域,Alertmanager是Prometheus项目的一部分,主要用于处理Prometheus生成的警报,而Elasticsearch则是一个广泛使用的搜索引擎和分析引擎,常用于存储、搜索和分析大量的时间序列数据。本文将深入探讨如何...

    接收来自AlertManager的HTTPwebhook通知,并将它们插.zip

    标题 "接收来自AlertManager的HTTP webhook通知,并将它们插入.zip" 暗示了这个压缩包文件包含了一个项目或工具,用于处理AlertManager通过HTTP webhook发送的通知,并将这些通知存储到某个系统,可能是数据库或者...

    prometheus-alert-webhooker:将Prometheus Alertmanager Webhook转换为任何操作

    Prometheus-alert-webhooker prometheus-alert-webhooker将转换为任何操作 目录 产品特点 使用规则将Prometheus Alertmanager Webhook转换为任何操作 当前支持操作(请参阅): 运行Jenkins作业(可选地使用参数)...

    ios中自定义alert view,并实现动画组合

    自定义Alert View意味着我们需要从头构建一个视图,这包括设置视图的大小、形状、颜色以及包含的按钮和其他元素。我们可以使用UIView或者其子类来实现这一目标。在描述中提到的开源例子,很可能是通过创建一个UIView...

    Rails确认替换为SweetAlert_Ruby_HTML_下载.zip

    SweetAlert是一个JavaScript库,它模仿了Bootstrap的警告对话框,但提供了更多自定义选项,包括标题、文本、图标以及按钮样式等。将SweetAlert集成到Rails应用中,可以显著提升用户交互体验。 本压缩包"Rails确认...

    Android漂亮的对话框项目sweet-alert-dialog eclipse版本

    4. **API友好**:使用Sweet Alert Dialog的API简单直观,只需几行代码就能创建出一个精美的对话框。 5. **兼容性好**:此库考虑了不同Android版本的兼容性问题,可以在多种Android设备上正常运行。 6. **源码可...

    js仿iPhone手机端alert,loading,正在加载...

    在原生的JavaScript中,`alert()`函数用于弹出一个带有信息的对话框,通常包含一个确认按钮。在iOS设备上,`alert`对话框有特定的样式和动画效果。为了模仿这种效果,开发者可以自定义HTML和CSS来创建一个具有相同...

Global site tag (gtag.js) - Google Analytics