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

Javascript
ExtJs 3.1 XmlTreeLoader Example Error
JQuery 获得绝对,相对位置的坐标方法
JQUERY操作JSON实例代码
基于Jquery的简单&简陋Tabs插件代码
jQuery插件 tabBox实现代码
JavaScript Event学习第十章 一些可替换的事件对
JavaScript Event学习第十一章 按键的检测
一段实现页面上的图片延时加载的js代码
我遇到的参数传递中 双引号单引号嵌套问题
Extjs学习过程中新手容易碰到的低级错误积累
JavaScript 输入框内容格式验证代码
JavaScript Event学习补遗 addEventSimple
jquery实现的提示浮层跟随鼠标移动
jQuery 添加/移除CSS类实现代码
jQuery 改变CSS样式基础代码
改善你的jQuery的25个步骤 千倍级效率提升
jquery 问答知识整理
Jquery iframe内部出滚动条
不同浏览器对回车提交表单的处理办法
Javascript 浏览器事件小结

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 411 ::
收藏到网摘: 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="" />
打包下载地址