artDialog 弹窗怎样移出显示区域

artDialog 弹窗怎样移出显示区域

artDialog说明（弹窗API）

Js代码传入HTMLElement

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

1.js代码

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

2.JS代码编写

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

3.Js代码编写

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