一个偶然的机会,看到一个基于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
分享到:
相关推荐
javascript对话框(弹出层)组件artDialog artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 演示地址:http://www.planeart.cn/downs/artDialog/ 项目主页:...
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口
javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件javascript对话框组件...
jQuery_boxy弹出层对话框插件中文演示及讲解,能够轻松使用这个插件制造出模态或非模态的弹出对话框
ArtDialog Vista风格高兼容度的javascript对话框组件 ArtDialog 仿Vista风格的javascript对话框组件,具有超高的兼容性,对IE、火狐、Google浏览器兼容都不错,而且设计精美,弹出框的功能也很多:比如弹出图片、弹...
高兼容的javascript对话框组件 Vista风格高兼容的javascript对话框组件 Vista风格
artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、...
纯js(javascript) 弹出层 对话框 弹出层,可以有半透明遮挡层。 div 模拟系统对话框,Alert Confirm Prompt
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭...
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口
一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口. 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png...
javascript对话框组件,仿QQ消息框,用了很久了,使用很简单,效果也不错
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、...
Ajax超漂亮仿腾讯弹出层插件(基于JavaScript).
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、...
jquery.purebox弹出层插件支持窗口对话框弹出层代码 jquery.purebox弹出层插件支持窗口对话框弹出层代码
一个漂亮的弹出层、模态框和对话框
1、集成提示对话框、用户选择对话框、用户单信息输入对话框和用户多信息输入对话框;...3、实例版:文件中实现了各个对话框的功能转换操作,并且也给出了参数调用方法; 4、在使用中请尊重作者劳动成果。
演示了在html中如何使用javascript调用系统文件对话框组件选择excel文件。如果系统组件被禁止,则自动使用javascript的方法作为替代。