漂亮的javascript对话框(弹出层)组件

javascript对话框(弹出层)组件artDialog   artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。   演示地址:http://www.planeart.cn/downs/artDialog/   项目主页:http://code.google.com/p/artdialog/   artDialog2采用全新的UI 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、...

javascript对话框(弹出层)组件artDialog

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

  演示地址:http://www.planeart.cn/downs/artDialog/

  项目主页:http://code.google.com/p/artdialog/

  artDialog2采用全新的UI

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

  优点:

  兼容主流浏览器:支持IE6和IE6+, Firefox, chrome, Opera, Safari

  自适应内容:无需预设高宽, 对话框自适应消息内容的大小 (包括按钮),并且支持消息框大小拖动调节

  智能消息对齐:如果设置了对话框宽度,文本会自动居中或者居左对齐

  容错:如果定义的宽度高度小于内容大小不会出现错位,

  智能定位:使用自定义坐标的时候智能修正位置,确保其在可视范围 (适用于弹出菜单)

  拖动流畅:不会粘住鼠标也不会拖出浏览器视口导致无法控制

  轻巧: js压缩后不到8KB (在js内嵌了核心兼容布局CSS的情况下)

  制订皮肤:九宫格布局, 钩子完善,制作皮肤相当简易, 内置IE6 png 32透明和定位解决方案。

  IE6无抖动静止定位:在IE6下可实现与现代浏览器一样完美静止定位效果

  IE6遮盖下拉控件支持:支持 IE6 下覆盖下拉控件 (注:半透明皮肤不支持)

  附带皮肤: 

 google chrome[支持ie6覆盖下拉控件]

 

facebook[只用了一张不到1k的背景图]

  更新列表

  下一版计划逐步实现背景预加载和Opera BUG修复..

  v2.0.5

  解决页面载入即弹出的情况造成水平对齐不正常的BUG(主要是dom ready事件绑定)

  增加parent参数,支持对话框穿越框架在父页面弹出

  v2.0.5

  剔除yesClose参数,如果要点击确定或者取消按钮不自动关闭对话框,让回调 函数返回false即可

  更改x参数名为left,y为top,为后续版本拓展right与bottom参数需要

  修改皮肤aero和chrome的图标布局,让回行消息文本留出图标的宽度

  v2.0.4

  修改一小处兼容框架样式,防止调用页面body设置了文本对齐导致对话框标题文本也居中

  v2.0.3

  增加id参数,可以方便外部脚本控制整个对话框,同时可防止对话框重复弹出

  增加yesClose参数,用于阻止对话框点击确定后自动关闭

  v2.0.0 …

组件名称:ymPrompt消息提示组件 2.0 演示地址:http://bbs.okajax.com/demo/31/ =============================================================================== 组件说明:在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。 =============================================================================== 组件功能介绍: 1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。 2、兼容IE6.0+、FF1.5+、Opear9+(在Opear下显示有一个小缺陷),兼容HTML4/XHTML1.0页面渲染模式。 3、完全的CSS皮肤定制功能,所有外观包括显示图标/关闭按钮等都可以通过css设置。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。 4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。 5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。 6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。 7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。 8、可以页面加载的任意时间调用,如页面初始化时调用,页面加载完成后调用。 9、支持通过JSON和传统的参数传入方式。如ymprompt.alert('消息内容',300,200,'消息标题',handler)和ymprompt.alert({message:'消息内容',width:300,height:200,title:'消息标题',handler:handler}),这两种写法是等价的。 10、只需要一个回调函数,可捕获确定、取消及关键按钮的点击事件。函数改变了1.0版需要对确定和取消按钮分别写回调函数及不支持关闭事件的缺陷, 11、完全的封装,对外只暴露一个ymPrompt变量,有效防止与使用者程序变量的冲突。 12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值