MC Dialog js弹出层 完美兼容多浏览器(5.6更新)


Posted in Javascript onMay 06, 2010

效果图:
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
MC Dialog 功能特点
1.支持键盘操作(esc关闭,enter执行当前获得焦点按钮的事件,屏蔽了ctrl键盘,屏蔽了tab键真正实现了一个模拟浏览器自带对话框的功能)
2.支持焦点智能移动(当焦点移出层外时,自动将焦点移回层或者有按钮则移到按钮上,保证焦点始终在层上,确保快捷键操作正确)
3.智能闪烁提示功能(当焦点移出层外部,比如你在层外点击了,则层会闪烁提示你必须在当前层操作,这里完美模拟了浏览器自带对话框的操作)
4.支持按钮外接回调事件(可以自定回调事件,绑定给按钮)
5.支持拖拽功能(自己写的拖拽,效率相当高,在各浏览器表现一直,无拖帧现象)
6.支持穿透iframe(可以穿透iframe,MC Dialog开发的基础就在于穿透iframe取代frameset,所以MC Dialog永远是寄存在最顶级的window对象下的dom中,因此穿透iframe是no problems)
7.支持多个MC.Dialog共存 队列操作功能 可以在弹出层中继续弹出层(MC Dialog是保存在Dialog队列中的,可以弹出5000个MC Dialog, 并且你都可以正确操作到每一个,而且你只能操作当前能看到的这一个,而不会出现任何脚本错误,MC Dialog却别与传统弹出层的一个主要特点就在于,MC Dialog不仅仅只是为了简单的应用或者特效或者为了与众不同,而是考虑了完全取代传统浏览器自带对话框而做的,因此MC Dialog 是完全具备了浏览器自带的所有功能的)
8.完美的兼容性,内存消耗少,稳定(在ie6+,safari,chrome,firefox,oprea,the world等浏览器上测试表现一直) ps:由于没有处理ie6的半透明问题这里有一点点瑕疵,不过ie6的使用已经很少(虽然开始做了解决方案,但考虑实际没有添加)
9.在申明了w3c和未申明w3c 或者在顶部未有doctype dtd等情况下任然表现一直
10.支持访问iframe和iframe访问父窗口对象 MC Dialog将内嵌的iframe对象存储,可以简单访问到iframe iframe始终寄存在顶级窗口window下的dom中 因此访问父窗口和iframe都是很容易的

经过测试MC Dialog 在界面布局 功能执行 等几乎已经完美
推荐使用MC Dialog 换掉浏览器一成不变的对话框
MC.Dialog是免费而且是开源的 你可以随意使用 但为了尊重个人劳动成果 请加注版权信息 谢谢
MC Dialog 刚刚推出全新修改办,希望获得大家的支持
MC Dialog 开发的日志 http://blog.sina.com.cn/zkunet
如果觉得好,请大家顶起(也请大家保留文件中的版权申明)
如果在使用中发现任何问题或者有什么好的建议,请在此跟帖

5.6修正
1.采用新的拖拽方法 解决较大MC Dialog在ff下拖动出先的一些视觉上的bug
2.优化了相关代码

5.3修正:
1. ie6支持半透明 和阴影
2. ie6覆盖select
3. 取消ie下的闪烁提示 改为提示音 暂未处理
4. 修正检测id的函数写法错误
5. 拖拽细节修改 不允许将对象拖出可视范围

演示地址 http://demo.3water.com/js/MCDialog/index.html
下载地址 https://3water.com/jiaoben/26152.html

Javascript 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
js面向对象 多种创建对象方法小结
May 21 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
Javascript进制转换实例分析
May 14 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
详解jquery和vue对比
Apr 16 jQuery
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
picChange 图片切换特效的函数代码
May 06 #Javascript
JS 自定义函数缺省值的设置方法
May 05 #Javascript
JSQL 批量图片切换的实现代码
May 05 #Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 #Javascript
JSQL SQLProxy 的 php 版本代码
May 05 #Javascript
JSQL  一个 web DB 的封装
May 05 #Javascript
Javascript JSQL,SQL无处不在,
May 05 #Javascript
You might like
解析MySql与Java的时间类型
2013/06/22 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
Aster vs KG BO3 第一场2.19
2021/03/10 DOTA
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
vue中如何使用ztree
2018/02/06 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
2018/09/01 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
[01:13:46]iG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python通过ElementTree操作XML获取结点读取属性美化XML
2013/12/02 Python
盘点提高 Python 代码效率的方法
2014/07/03 Python
python中Matplotlib实现绘制3D图的示例代码
2017/09/04 Python
浅谈Django的缓存机制
2018/08/23 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
人资专员岗位职责
2014/04/04 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
房屋出售授权委托书
2014/10/12 职场文书
2014年党建工作总结
2014/11/11 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
员工开除通知书
2015/04/25 职场文书
党员违纪检讨书
2015/05/05 职场文书
解析MySQL binlog
2021/06/11 MySQL