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

Javascript
vml圆角矩形最简布局
DOM精简教程
[换皮肤程序]一个比较使用的脚本程序
JS中style属性
Google Suggest ;-) 基于js的动态下拉菜单
jQuery 1.0.2
PJ Blog插件-防刷新的在线播放器
使javascript也能包含文件
Dron右键菜单 v1.0
HTML里select的CSS样式的改变
仿Google和Windows Live的拖拽
"好玩的放大镜效果" 的另一种实现方法
xWin之JS版
bcastr2.0 通用的图片浏览器
addRule在firefox下的兼容写法
JS日历 推荐
用脚本调用样式的几种方法
不错的新闻标题颜色效果
用JavaScript获取网页中的js、css、Flash等文件
用js+xml自动生成表格的东西

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


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