详情见： http://sandbox.leigeber.com/dialog/dialog_box.html 原文
此连接提供的有效果图和代码下载
自已改写了部分代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>Custom JavaScript Dialog Boxes</title>
<link rel="stylesheet" type="text/css" href="dialog_box.css" />
<script type="text/javascript" src="dialog_box.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
// hide the dialog box //
// 此处将隐藏DIV代码提取出来--- 以便关闭时，转向其它页面
function hideDialog() {
var dialog = document.getElementById('dialog');
clearInterval(dialog.timer);
dialog.timer = setInterval("fadeDialog(0)", TIMER);
// 新增如下语句
location.href="a.html";
}
//-->
</SCRIPT>
</head>
<body>
<!-- 下面div必有-->
<div id="content">
</div>
</body>
</html>
<SCRIPT LANGUAGE="JavaScript">
<!--
showDialog('Success','登录成功','success');
// alert("登录成功！");
// location.href="a.html";
//-->
</SCRIPT>
使用总结：
1.引入JS和CSS；
2.重写关闭事件触发方法；
3.body中加入
<div id="content">
</div>
4.JS调用 showDialog('Success','登录成功','success');
分享到：
相关推荐
在网页开发中，"alert提示框"是一种常用的用户交互元素，用于向用户显示重要的通知、警告或确认信息。本文将详细介绍各种样式的alert提示框及其应用，并提供几个相关的资源文件。 传统的JavaScript `alert()` 函数...
这在设计上可能被视为一种优化，特别是在不希望用户分心或泄露不必要的页面详情时。 `alert`函数的基本用法如下： ```javascript alert(message); ``` 在这里，`message`参数是一个字符串，它将显示在弹出的警告...
它是一种交互设计的工具，能够帮助用户更好地理解和导航应用程序。 在Flash中，Alert组件是ActionScript 3.0的一部分，它提供了预定义的界面元素，如标题、消息文本和一个或多个按钮，以简洁明了的方式与用户进行...
总之，`alert()`函数是JavaScript中一个基础但实用的工具，它提供了一种直观的方式与用户进行交互，尤其在调试和简单的用户反馈场景中。通过阅读和分析`alert.html`文件，你可以更深入地了解`alert()`在实际代码中的...
在IT行业中，JavaScript是一种广泛使用的前端编程语言，用于创建交互式的网页应用。在这个场景中，我们关注的是如何处理JavaScript中的`alert`函数，它通常用于显示弹窗警告信息。标题"alert隐藏弹窗网址title.zip...
总之，重写`window.alert()`是JavaScript开发中的一种技巧，它可以让你在不依赖外部库的情况下定制提示信息的展示方式，从而提高应用的可定制性和用户体验。然而，正确使用这种技术需要对JavaScript的运行机制有深入...
jQueryAlert是一种基于jQuery库的插件，用于创建更美观、功能丰富的提示对话框，它可以替代JavaScript内置的alert、confirm和prompt函数。这个插件的主要目的是为用户提供一个自定义且交互性强的对话框解决方案，使...
在IT行业中，用户界面（UI）的体验是至关重要的，其中弹窗（Alert）作为与用户交互的一种常见方式，它的设计和实现往往直接影响到用户体验。本文将深入探讨一款名为SweetAlert的精美弹窗插件，它以其简洁的API和丰富...
但是，如果想要实现“Alert只弹出一次”的功能，我们需要一种机制来记录或检查警告是否已经显示过。一种常见方法是使用变量来存储警告的状态。例如： ```javascript var hasAlerted = false; function showAlert()...
而"JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)"是针对浏览器原生的alert、confirm和prompt对话框的一种美化和功能增强方案，旨在提升用户体验并提供更丰富的交互。 原生的JavaScript alert、...
因此简单用div写了一个alert提示框，并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/ .show_alert_box{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); ...
SweetAlertDialog在Eclipse开发环境中使用，为传统Android开发提供了一种优雅的方式来展示警告、信息、错误等对话框，其样式和设计灵感来源于流行的前端库SweetAlert。 在Android开发中，系统自带的AlertDialog虽然...
SweetAlert2是一款优雅的、可自定义的JavaScript警告对话框插件，它提供了一种更加美观和用户友好的方式来替代浏览器内置的alert、confirm和prompt对话框。这个插件以其丰富的定制选项、响应式设计以及对各种浏览器...
在Flex开发中，Alert消息框是一种常用的用户交互方式，它可以帮助开发者快速展示重要的信息或者请求用户的确认操作。在实际的应用场景中，为了让Alert消息框更加醒目、易于理解，通常会配合使用图标(icon)。本文将...
首先，`alert`包提供了一种结构化的方式来存储和传递消息，这包括错误、成功、警告等各种类型的消息。开发者可以在控制器或服务层添加消息到一个消息队列，然后在视图层显示。这种方式提高了代码的可读性和可维护性...
SweetAlert for Android是一个专为提升用户体验而设计的库，它提供了一种优雅且聪明的方式来展示警告、确认或信息提示。SweetAlert以其独特的设计和丰富的功能，让开发者能够轻松创建出比原生Android对话框更加吸引...
关于alert、message、confirm三种弹出层的说明 alert、message、confirm三种弹出层是JavaScript中常用的交互方式，它们都是基于JQuery拓展控件SimpleModal实现的。SimpleModal提供了弹出层的主要功能，我们只要调节...
SweetAlert是一个非常受欢迎的JavaScript库，它为网页应用提供了一种优雅、响应式且高度可定制的弹出对话框解决方案。这个"swal.js"压缩包包含的核心文件是"sweetalert.min.js"，这是一个优化后的最小化版本，用于在...
为了改写`alert()`的样式，我们可以采用以下几种策略： 1. **使用jQuery插件**：有许多开源的jQuery插件，如Bootbox.js、SweetAlert2和PNotify，它们提供了丰富的自定义选项，包括自定义样式、图标、按钮等。例如，...