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

Javascript
分时段切换CSS(JavaScript,ASP,PHP)
手把手教你用JS创建幻灯片特效
Ajax和CSS设计的表格实例
JS获得CSS中声明的特定样式中的某属性值
css和Ajax制作的表格
CSS初学:如何修改Zblog中的CSS
setAttribute方法实现网页两种样式表
JS和HTML分离:注册事件的方法进行封装
网页整理的Javascript的技巧代码
使用JavaScript数组上的经验之谈
AJAX结合CSS实现的网页Tab选项卡效果
JS教程:thickbox弹出框效果
IE和Firefox在JavaScript语法上不同的7个方面
WEB前端开发高性能优化:JavaScript的优化细节
基于jquery的上传插件Uploadify
7个在IE和Firefox中不同的JavaScript语法
JS函数:动态添加CSS样式表
在IE中使用JavaScript(一)
在IE中使用JavaScript(二)
JavaScript[对象.属性]集锦之四

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


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