artDialog-学习课程（二）-常用弹出框

常用弹出框

示例1  content传入字符串

art.dialog({
    content: 'Hello word'
});

示例2 content 传入HTMLElement

art.dialog({
    content: $("#myid").html(),
    id: 'EF893L'
});

示例3 创建一个右下角浮动的消息窗口

art.dialog({
    id: 'msg',
    title: '公告',
    content: 'hello world!',
     320,
    height: 240,
    left: '100%',
    top: '100%',
    fixed: true,
    drag: false,
    resize: false
})

 示例4 静止定位

art.dialog({
    fixed: true,//开启静止定位
    content: '请拖动滚动条查看'
});

示例5 展示图片或视频

art.dialog({
    padding: 0,
    title: '照片',
    content: '<img src="./images/photo.jpg" width="379" height="500" />',
    lock: true
});

示例6 引入页面

      art.dialog.open('/Manager/Contract/ServiceEdit.aspx?flag=bj&id=' + id, {
                title: "服务设备信息",
                 800,
                height: 400,
                lock: true,
                cancelVal: '关闭',
                opacity: 0.1,
                cancel: true
      });

下一篇介绍下artDialog 参数配置下，了解熟悉artDialog参数配置下，基本上就上手了