Js代码传入HTMLElement

元素不是复制而是完整移动到对话框中，所以原有的事件与属性都将会保留 2、如果隐藏元素被传入到对话框，会设置display:block属性显示该元素 3、对话框关闭的时候元素将恢复到原来在页面的位置，style display属性也将恢复

1.js代码

art.dialog({ content: document.getElementByIdx_x_x('demoCode_content_DOM'), id: 'EF893L' }); 显示效果：把指定的div加载到这个弹框上

2.JS代码编写

标题 [title] art.dialog({ title: 'hello world!' });显示效果：

3.Js代码编写

确定取消按钮 [ok & cancel] 注意事项：回调函数this指向扩展接口，如果返回false将阻止对话框关闭 art.dialog({ content: '如果定义了回调函数才会出现相应的按钮', ok: function () { this.title('3秒后自动关闭').time(3); return false; }, cancelVal: '关闭', cancel: true //为true等价于function(){} });

4. Js代码编写

创建一个全屏对话框 art.dialog({ width: '100%', height: '100%', left: '0%', top: '0%', fixed: true, resize: false, drag: false })显示效果图：

5.Js代码编写

右下角滑动通知 代码

6. 调用示例代码： art.dialog.notice({ title: '网管', width: 220,// 必须指定一个像素宽度值或者百分比，否则浏览器窗口改变可能导致artDialog收缩 content: '尊敬的顾客朋友，您IQ卡余额不足10元，请及时充值', icon: 'face-sad', time: 5 });

显示效果：模仿网吧右下角通知 带动画效果5秒后自动消失

7. Js代码编写

跨域访问 跨域访问无法自适应大小，也无法进行父页面与子页面数据交换 art.dialog.open('/igadget/renren/index.html', {title: '人人', width: 320, height: 400});

【IT科技之家-itkeji综合 -文章版权声明】

非特殊说明，本文版权归 [ IT科技之家-itkeji综合 ] 所有，转载请注明出处.

更多文章请关注：itkeji综合