百度 popup.js 完美修正版非常的不錯(cuò) 腳本之家推薦

更新時(shí)間：2009年04月17日 21:11:29 作者：

百度空間的彈出窗口和拖拽效果(也就是popup.js),看起來(lái)挺不錯(cuò)的,用起來(lái)也相當(dāng)好,如上圖所示?，F(xiàn)在很多知名網(wǎng)站都是用的這樣的技術(shù)，建議大家都收藏起來(lái)，以備以后使用。

原因是在html中加上文檔類型(DOCTYPE)后判斷屏幕坐標(biāo)出錯(cuò),網(wǎng)絡(luò)上也有解決方法，就是去掉文檔類型，這種治標(biāo)不治本的方法我覺得很不合理，本人花了點(diǎn)時(shí)間修改了一下。經(jīng)測(cè)試ie6、ie7、firefox2.0、firefox3.0 是沒有任何問題的,其他的我沒有測(cè)試。改后的壓縮文件多了2KB左右,現(xiàn)在為16.2 KB。在目前的網(wǎng)絡(luò)帶寬下還是比較合理的。如果有需要我可以提供popup.js注釋版。請(qǐng)相信博主是有分享精神的。
歷史版本說明：
V1.0.0　 2008.07
從百度空間下載popup.js，并運(yùn)用到博客系統(tǒng)中
V1.1.0　 2008.07　
修改由于與文檔類型(DOCTYPE)沖突，遮罩層錯(cuò)位
V1.2.0　 2008.11　
修改由于頁(yè)面較短，遮罩層不能完全遮罩頁(yè)面
修改在非全屏下打開遮罩，再全屏頁(yè)面后遮罩層不能全屏問題
修改對(duì)話框可拖出遮罩區(qū)域問題

20100413更新了下，一點(diǎn)小問題。
在線測(cè)試 http://img.jb51.net/online/popup/popup.html

打包下載地址

相關(guān)文章

JavaScript 拖拽翻頁(yè)效果代碼
拖動(dòng)翻頁(yè)代碼，很多人都想擁有這樣一個(gè)功能，現(xiàn)在于JavaScript配合CSS終于實(shí)現(xiàn)了，個(gè)人感覺真的很不錯(cuò)，按住鼠標(biāo)左鍵向某一方向拖動(dòng)即可完成分頁(yè)動(dòng)作，符合WEB標(biāo)準(zhǔn)，兼容多瀏覽器。
2010-03-03
js 頁(yè)面模塊自由拖動(dòng)實(shí)例
js頁(yè)面模塊自由拖動(dòng)實(shí)例代碼
2009-03-03
一種讓頁(yè)面完全把過來(lái)顯示的腳本代碼
一種讓頁(yè)面完全把過來(lái)顯示的腳本代碼...
2007-09-09
圖片與文字半透明效果鼠標(biāo)移上不透明
圖片與文字結(jié)合的半透明效果，在正常狀態(tài)下，一張圖片的上面顯示文字，為了區(qū)分背景，文字下方又重新布置了一個(gè)DIV
2009-10-10
js新浪首頁(yè)可關(guān)閉背景效果代碼
新浪首頁(yè)可關(guān)閉背景效果代碼，每逢過節(jié)或遇到重大節(jié)日，新浪等門戶的首頁(yè)都為以此為背景，改變風(fēng)格與事件對(duì)應(yīng)，當(dāng)然了用戶可選擇關(guān)閉背景，你現(xiàn)在看到的這款代碼就是實(shí)現(xiàn)背景的關(guān)閉，實(shí)用簡(jiǎn)單。
2010-11-11
CSS Filter背景透明提示
使用CSS的Filter濾鏡實(shí)現(xiàn)的小效果，鼠標(biāo)懸停時(shí)激活本效果，是一個(gè)半透明的圖片提示層，本代碼演示了核心的實(shí)現(xiàn)方法，你可以舉一返三，作出更強(qiáng)大的效果來(lái)。
2009-11-11
使用canvas制作炫酷黑客帝國(guó)數(shù)字雨背景html+css+js
這篇文章主要介紹了使用canvas制作炫酷黑客帝國(guó)數(shù)字雨背景，html+css+js黑客帝國(guó)電影中的數(shù)字雨,非常簡(jiǎn)單,一起來(lái)看看如何制作吧
2023-03-03
div scroll始終在最底部的實(shí)現(xiàn)代碼
想要設(shè)定一個(gè)div始終scroll到它的最底部，可以用如下代碼
2009-03-03
javascript背景顏色按時(shí)變換
javascript背景顏色按時(shí)變換...
2007-05-05
CSS 直方圖布局示例
利用CSS布局一個(gè)直方圖，可能比較實(shí)用，主要是考驗(yàn)使用CSS布局的能力，看看效果吧。
2009-11-11