artdialog使用说明

<!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" />
<script type="text/javascript" src="jquery-1.8.1.js"></script>
<script type="text/javascript" src="jquery.artDialog.js"></script>

<script type="text/javascript" src="./iframeTools.source.js"></script>

<link rel="stylesheet" type="text/css" href="./skins/black.css">

<script type="text/javascript">
$(function(){
$("#dialog").click(function(){
$.dialog({
title:"nihao",//对话框标题
time:3,//对话框变比时间
content:"hello world",//对话框内容 可以使用getElementById,getElementByTagName 方式获取内容添加到弹出框内
width:'auto',
height:'auto',
icon: 'succeed', //succeed,error 系统自动生成 成功 失败的图片
padding: 0, //内容与边界距离
fixed:true, //锁定 不会随着滚动条的滑动而滚动
lock: true, //锁定 弹出框出现后与外部断开联系 一般用于重要的提示
background: '#600', // 背景色
opacity: 0.87, // 透明度
id: "对话框唯一标识",
show:true, //是否显示弹出框

okVal:'ok',

cancel:true,
cancelVal:'cancel',
ok:function(){
  //点击确定后执行的函数 可以嵌套$ajax
}

/*

art.dialog.confirm('你确认删除操作?', function(){
art.dialog.tips('提交成功!', 1.5);
}, function(){
art.dialog.tips('你取消了操作');
});

*/

/*

art.confirm('你再也不相信爱情了么?', function () {
    alert(0);
}, function () {
    alert(1);
});

*/

</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" id="dialog" value="提交"/>
</body>
</html>

 

 

posted on 2013-03-19 18:42  ijoanne  阅读(355)  评论(0编辑  收藏  举报