当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 百度 popup.js 完美修正版非常的不错

Javascript
javascript表单之间的数据传递
当层遇到select下拉框时的解决方法
showModalDialog和showModelessDialog使用心得
JavaScript技巧:让网页自动穿上外套
一个非常强大完整的web表单验证程序
JavaScript实用技巧集锦
js控制excel打印完美解决方案
使用Javascript制作声音按钮
利用 PHP 将 HTML 转化为 WML
Javascript经典正则表达式
新闻内页-JS分页
鼠标划过时整行变色
用 或 || 来兼容FireFox
JS代码的格式化和压缩
动态加载iframe
html下载本地
强制设为首页代码
超强图片数量上传无限制
document 和 document.all 分别什么时候用
javascript 动态添加表格行

Javascript 中的 百度 popup.js 完美修正版非常的不错


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 218 ::
收藏到网摘: n/a

百度空间的弹出窗口和拖拽效果(也就是popup.js),看起来挺不错的,用起来也相当好,如上图所示。现在很多知名网站都是用的这样的技术,建议大家都收藏起来,以备以后使用。 原因是在html中加上文档类型(DOCTYPE)后判断屏幕坐标出错,网络上也有解决方法,就是去掉文档类型,这种治标不治本的方法我觉得很不合理,本人花了点时间修改了一下。经测试ie6、ie7、firefox2.0、firefox3.0 是没有任何问题的,其他的我没有测试。改后的压缩文件多了2KB左右,现在为16.2 KB。在目前的网络带宽下还是比较合理的。如果有需要我可以提供popup.js注释版。请相信博主是有分享精神的。
历史版本说明:
V1.0.0  2008.07
从百度空间下载popup.js,并运用到博客系统中
V1.1.0  2008.07 
修改由于与文档类型(DOCTYPE)冲突,遮罩层错位
V1.2.0  2008.11 
修改由于页面较短,遮罩层不能完全遮罩页面
修改在非全屏下打开遮罩,再全屏页面后遮罩层不能全屏问题
修改对话框可拖出遮罩区域问题
在线测试 http://img.ruanchen.com/"0" src="/upload/tech/20091012/20091012094909_3493894fa4ea036cfc6433c3e2ee63b0.gif" alt="" />
打包下载地址