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

Javascript
VB倒计时器和JS当前时间
如何显示当天日期
一种JavaScript的设计模式
js变量作用域及可访问性的探讨
在JavaScript中实现命名空间
删除重复数据的算法
Javascript操纵Cookie实现购物车程序
键盘控制事件应用教程大全
通过JAVASCRIPT读取ASP设定的COOKIE
用函数式编程技术编写优美的 JavaScript
最简短的拖动对象代码实例演示
禁止刷新,回退的JS
js验证表单大全
js验证表单第二部分
DHTML 中的绝对定位
解决FireFox下[使用event很麻烦]的问题
准确获得页面、窗口高度及宽度的JS
js获取单选按钮的数据
检测屏幕分辨率
双击滚屏-常用推荐

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


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