一个偶然的机会，看到一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口
有时间可以研究下 现在已经到最新版本：V 4.1.2 发布时间：2011-09-04
主页地址：http://www.planeart.cn/demo/artDialog/index.html
文件下载
引用方法：
在Head中加入 <script src="artDialog.source.js?skin=default" ></script>
<!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=utf-8" />
<title>###</title>
<script src="artDialog.source.js" ></script>
<style>
body {font-size:12PX; }
</style>
<script>
function doTest()
{
var dialog = art.dialog({
title: '警告',
content: '点击管理按钮将让删除按钮可用',
width: '20em',
button: [{
name: '管222理',
callback: function () {
this.content('我更改了删除按钮').button({
name: '删除',
disabled: false
});
return false;
},
focus: true
}]
});
dialog.button(
{
name: '删除',
callback: function () {
alert('remove')
},
disabled: true
}
)
}
</script>
</head>
<body>
<input type="button" name="Submit" value="按钮" onclick="doTest()"/>
</body>
</html>
修改部分代码：
artDialog.source.js 1738 行
// 无阻塞载入CSS (如"artDialog.js?skin=aero")
_skin = _thisScript.src.split('skin=')[1];
if (true) {
if(_skin==null)
{
_skin='default';
}
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = _path + '/skins/' + _skin + '.css?' + artDialog.fn.version;
_thisScript.parentNode.insertBefore(link, _thisScript);
};
- 大小: 485.9 KB
- 大小: 910.5 KB
分享到：
相关推荐
ArtDialog是一款优秀的JavaScript对话框组件，它以Vista风格为设计灵感，旨在提供高度兼容性的解决方案，能够无缝地运行在主流的Web浏览器上，包括Internet Explorer、Firefox以及Google Chrome等。这款组件以其精美...
在IT行业中，弹出层对话框（通常称为dialog或modal）是网页应用中常见的交互元素，用于显示警告、询问用户信息或提供附加功能。"z_dialog"是一个专门针对这一需求设计的插件，旨在提供一个功能强大且灵活的解决方案...
`artDialog v6` 是一个基于 jQuery 的网页对话框组件，它为开发者提供了在Web应用中创建弹出式对话框的功能。这个组件在前端开发领域中被广泛使用，因为它提供了丰富的自定义选项、良好的用户体验以及简洁的API。在`...
artDialog是一款优秀的JavaScript插件，它允许开发者在Web页面上创建功能丰富的弹出对话框。这个名为“artDialog完善双击关闭对话框的功能.rar”的压缩包文件显然是对artDialog插件的增强，主要改进了对话框的关闭...
jQuery_boxy是一款流行的弹出层对话框插件，广泛应用于SNS社区型网站，如开心网、人人网和Facebook。该插件能够创建模态或非模态的弹出对话框，功能包括提示、确认、拖动、改变大小以及Ajax数据加载。由于网上缺乏...
《弹出层技术详解——以artdialog为例》 在Web开发中，弹出层是一种常见的交互设计元素，它能够在用户与网页交互时提供额外的信息或功能，而不改变页面的主体内容。ArtDialog是一款优秀的弹出层插件，以其出色的...
`artDialog` 是一个功能强大的JavaScript弹出对话框插件，以其简洁的API和丰富的自定义选项深受前端开发者喜爱。它允许开发者轻松创建各种类型的对话框，如提示、确认、警告以及自定义内容的对话框，同时提供了内置...
2. **对话框（Dialog）**：jQuery EasyUI中的对话框组件允许开发者创建可自定义的弹出窗口，常用于显示信息、警告、确认或输入数据。它支持多种模式（如模态和非模态）、拖动、最大化、最小化、关闭等操作，并能与...
标题中的“受欢迎的ajax弹出层/对话框组件”指的是在网页开发中广泛使用的JavaScript库或插件，它允许开发者创建交互式的弹出窗口或对话框。这些组件通常利用Ajax技术来实现异步数据加载，使得用户可以在不刷新整个...
在JavaScript编程中，弹出层和对话框是用户交互的重要组成部分。它们通常用于显示警告、确认信息或收集用户输入。本篇文章将详细讲解如何使用纯JavaScript（无依赖库如jQuery等）来创建自定义的弹出层对话框，以及...
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。 功能： 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭...
总结，"Ajax超漂亮仿腾讯弹出层插件（基于JavaScript）"是一个利用JavaScript技术和Ajax实现的动态交互组件，它借鉴了腾讯的优秀设计，提供了美观、高效的用户体验。开发者可以通过学习和使用这个插件，提升自己的...
**artDialog弹出层**是一种常用的前端对话框插件，它在网页中提供了一种优雅的方式来展示信息、警告、确认或获取用户输入。这个插件以其丰富的定制选项、良好的可扩展性和高性能而受到开发者的青睐。`artDialog` 的...
JavaScript弹出层是网页开发中常见的一种交互设计，它用于在用户与页面交互时提供额外信息、确认操作或展示复杂内容。Js弹出层库则是专门为此目的设计的JavaScript库，简化了弹出层的创建和管理过程。在这个场景中，...
**artDialog弹出层插件**是一个常用的JavaScript插件，用于在网页中创建各种弹出对话框。这个插件的设计目标是提供一个高度可定制、轻量级且易于使用的解决方案，帮助开发者快速实现诸如提示、确认、警告以及复杂的...
在IT领域，弹出对话框是一种常见的用户界面交互元素，用于获取用户输入或者显示警告、确认等信息。在本案例中，"popub_13弹出对话框"似乎是一个特定的功能模块，可能是用于选择客户信息。这个功能可能在Web应用中...
JavaScript弹出模态对话框是前端开发中常见的一种交互方式，用于向用户显示重要的信息、询问用户或收集数据。模态对话框具有阻止用户在对话框关闭前与页面其他部分互动的特点，确保用户关注到对话框中的内容。在这个...
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。 功能： 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、...
`<dialog>`标签在HTML5中扮演着弹出窗口的角色，可以用来创建模态或非模态对话框。模态对话框会阻止用户与页面其他部分的交互，直到对话框被关闭，而非模态对话框则允许用户在对话框打开时继续与页面交互。在基础的...