实例：
前提 jquery.artDialog.js（兼容jquery）
<!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>
<link id="artDialogSkin" href="css/default.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.artDialog.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.artDialog.source.js"></script>
</head>
<body>
<script type="text/javascript">
function i(){
var _this = document.getElementById('btn7');
if (document.getElementById('M_dfd')) {//如果已经打开了对话框，按这个按钮还能把它关闭
$.dialog({id:'yy'}).close();
_this.innerHTML = '弹出菜单'; //button上显示的内容
return;
};
$.dialog({id:'yy', lock: true, title:'菜单', content:'请输入：<input style="width:200px;" id="M_dfd" type="text" value="hello world!" />',
button:[{name:'确定',callback:function(){
var a=document.getElementById('M_dfd').value;
$.dialog({content:a, lock:true, time:1});
}
},
{name:'关闭我',callback:function(){_this.innerHTML = '弹出菜单';}}
]
}
);
_this.innerHTML = '关闭菜单';
return false;
};
</script>
<button id="btn7" onClick="i()">弹出菜单</button><br/>
</body>
</html>
artDialog提供了一个jQuery版本，功能与标准版一致，调用只需要把art前缀改成jQuery的命名空间。
// 普通调用
$.dialog({content:'hello world!'});
// 使用选择器方式，此时自动使用绑定了live click事件，同时启用follow模式
$('#main .test').dialog({content: 'hello world'}); (最低兼容jquery1.3.2，但框架应用插件需要jquery1.4+运行[?])
官网：
http://www.planeart.cn/demo/artDialog/
分享到：
相关推荐
jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例
jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例
教程名称：jQuery实例视频教程课程目录：【】jQuery实例-商城放大镜效果【】jQuery实例-图片放大效果【】jQuery实例-图片转动立体效果【】jQuery实例-对联广告【】jQuery实例-返回顶部(解决IE6固定定位)【】jQuery...
人民邮电出版社的锋利的jQuery 实例。jquery是一个轻量级的库，拥有强大的选择器，来自此书的实例
jquery实例教程jquery实例教程jquery实例教程jquery实例教程jquery实例教程
在项目需求中有这样一功能：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。下面小编给大家介绍通过jQuery validate+artdialog+jquery form实现弹出表单思路详解，需要的朋友参考下吧
50个经典jquery实例,帮助你最快学会jQuery！
<锋利的jquery>电子书的实验源码，用于自己的学习。jquery是js的超集，平时的开发过程中，原生的js用的倒没有jquery多
jQuery实例_ ToolTip的实现
jQuery Book jquery实例 jquery 实例，有jquery各种方法的实例。学习笔记
JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树
jQuery实例-信息提示jQuery实现 jQuery实例-信息提示jQuery实现
包含有几十个之多的jquery实例特效 附上代码及jquery库，其中分类有待更新！（有些没下完）
jquery经典实例60例-动画实例 jquery经典实例60例-动画实例 jquery经典实例60例-动画实例
jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者
Jquery实例(图片预览) Jquery实例(图片预览)
30个jquery实例，覆盖了jquery的各个用法，通过这些实例对jquery选择器、jquery事件处理、jquery应用的各个场景会更加熟悉。如果你不懂jquery基础知识，请参看我的jquery知识点汇总，那里用思维导图的形式总结了...
Jquery实例打包 Jquery实例打包 Jquery实例打包
内含Jquery实例和api文档，api是可视化，含有大量实例