用法一：github上下载包：https://github.com/aui/artDialog
               seajs方法使用
               <!doctype html>

<html lang="zh">

<head>

    <meta charset="UTF-8">

    <title>test</title>

    <style>

    body {

        *margin: 0;

        *padding: 0;

    }

    </style>

</head>

<body>

<button data-event="test">open dialog</button>

<script src="../lib/sea.js"></script>

<script>

seajs.config({

  alias: {

    "jquery": "jquery-1.10.2.js" //jquery路径

  }

});

seajs.use(['jquery', '../src/dialog-plus'], function ($, dialog) {

    $('button[data-event=test]').on('click', function () {

        var d = dialog({

            title: '消息',

            content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',

            okValue: '确 定',

            ok: function () {

                var that = this;

                setTimeout(function () {

                    that.title('提交中..');

                }, 2000);

                return false;

            },

            cancelValue: '取消',

            cancel: function () {}

        });

       // d.show();

        d.showModal();//有遮罩层效果

    });

});

</script>

</body>

          </html>

　　

 
用法二：下载artDialog插件包   但是没有d.showModal()
引入js  css使用

   <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

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

    <script type="text/javascript" src='../artDialog/artDialog.js'></script>

</head>

<body>

    <script type="text/javascript">

            var d = art.dialog({

               title: '提示信息',

            content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',

            okValue: '确 定',

            ok: function () {

                var that = this;

                setTimeout(function () {

                    that.title('提交中..');

                }, 2000);

                return false;

            },

            cancelValue: '取消',

            cancel: function () {}

            });

             d.show();

            //d.showModal();//报错

    </script>;

</body>

</html>

　　

artDialog的使用的更多相关文章

  1. artdialog

    <html><head><meta http-equiv="Content-Type" content="text/html; charse ...

  2. PHPCMS系统使用的弹出窗口插件artDialog

    来源: http://aui.github.io/artDialog/doc/index.html  (官方) http://lab.seaning.com/ http://www.mb5u.com/ ...

  3. ArtDialog文档

    http://www.planeart.cn/demo/artDialog/_doc/API.html#API

  4. ArtDialog简单使用示例

    <html><head><meta http-equiv="Content-Type" content="text/html; charse ...

  5. 网站对话框开源脚本--ArtDialog V6.0

    初识对话框脚本觉得artDialog还是挺不错的开源的js脚本,最新版本都是V6.0 ,相对之前版本,artDialog的语法也发生很大的变化,windows对应的JS版本如下 点击下载 语法也发生变 ...

  6. artDialog测试

    artDialog测试 <script src="../Content/artDialog/v4/artDialog.source.js?skin=default">& ...

  7. artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口

    artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口 自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应 ...

  8. [转]artDialog

    本文转自:http://aui.github.io/artDialog/ http://aui.github.io/artDialog/doc/index.html artDialog —— 经典的网 ...

  9. artDialog 文档

    artDialog —— 经典.优雅的网页对话框控件. 支持普通与 12 方向气泡状对话框 完善的焦点处理,自动焦点附加与回退 支持 ARIA 标准 面向未来:基于 HTML5 Dialog 的 AP ...

  10. artDialog ( v 6.0.2 ) content 参数引入页面 html 内容

    /*! artDialog v6.0.2 | https://github.com/aui/artDialog */ 将页面某一隐藏的 div 的 html 内容传到 artdialog 的弹窗中,并 ...

随机推荐

  1. 在eclipse搭建python开发环境

    在一次看别人帖子的时候发现,别人是用eclipse来写python代码的,所以好奇也想尝试一番,之前一直在用Pycharm,这个也确实是最好的开发python的IDE了,但是有时候也会有卡顿的情况,主 ...

  2. Java 面试题基础概念收集(高级)

    JVM垃圾回收: GC又分为 minor GC 和 Full GC (也称为 Major GC ).Java 堆内存分为新生代和老年代,新生代中又分为1个 Eden 区域 和两个 Survivor 区 ...

  3. [BZOJ4756]Promotion Counting

    Description The cows have once again tried to form a startup company, failing to remember from past ...

  4. git gc内存错误的解决方案

    Auto packing the repository for optimum performance. You may alsorun "git gc" manually. Se ...

  5. HIVE分组排序问题

    答案: hive> select *,row_number() over (partition by product_no order by start_time desc) from tabl ...

  6. 05_MySQL常见函数_分组函数

    # 分组函数/*功能: 统计,又称为聚合函数,统计函数,组函数 传入一组值,统计后得到一个值 分类: sum 求和,avg 平均值,max 最大值,min 最小值,count 计算个数 特点: 1. ...

  7. Codeforces Round #365 (Div. 2) D - Mishka and Interesting sum（离线树状数组）

    http://codeforces.com/contest/703/problem/D 题意: 给出一行数,有m次查询,每次查询输出区间内出现次数为偶数次的数字的异或和. 思路: 这儿利用一下异或和的 ...

  8. LA 5135 井下矿工（点—双连通分量模板题）

    https://vjudge.net/problem/UVALive-5135 题意:在一个无向图上选择尽量少的点涂黑,使得任意删除一个点后,每个连通分量至少有一个黑点. 思路: 首先dfs遍历求出割 ...

  9. vc 导出函数/调用

    loader(exe): #include "stdafx.h" #include <Windows.h> #include <stdio.h> #defi ...

  10. 面向对象-PHP面向对象的特性

     1.类和公有化 class Computer {     //什么叫做类内,就是创建类的花括号内的范围叫做类内,其他地方则类外.     //public 是对字段的公有化,这个字段类外即可访问,赋 ...