artDialog的使用

推荐一个国产的插件“artDialog”。

官方简介：

artDialog是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。

功能： 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、自定义位置、菜单模式、拖动、鼠标调节窗口大小…

 2.1.2版本体验http://www.oicto.com/my/artDialog2_1_2/

配置参数

内容

content: {消息内容,支持HTML}

title: {标题.默认:’提示’}

iframe: {嵌入外部页面. 存在content参数时候,此参数无效}

yesText: {确定按钮文本. 默认:’确定’}

noText: {取消按钮文本. 默认:’取消’}

尺寸

width: {宽度,支持em等单位. 默认:’auto’}

height: {高度,支持em等单位. 默认:’auto’}

定位

left: {x坐标,可以使用关键字,如:’left’、’right’. 默认:居中}

top: {y坐标,可以使用关键字,如:’top’、’bottom’. 默认:居中(注: 小对话框采用黄金比例垂直居中)}

menuBtn: {让对话框在指定元素附近弹出, 存在menuBtn参数则让left、top参数失效}

fixed: {是否启用静止定位. 默认:false}

界面

style: {对话框风格扩展参数,写入自定义className,详情见皮肤css文件的定义,多个用空格隔开}

lock: {是否锁定屏幕, 中断用户操作页面. 默认:false}

高级

id: {给对话框定义唯一标识id名称. 可以防止重复弹出对话框}

time: {多少秒自动关闭}