百度 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中加上文檔類(lèi)型(DOCTYPE)后判斷屏幕坐標(biāo)出錯(cuò),網(wǎng)絡(luò)上也有解決方法，就是去掉文檔類(lèi)型，這種治標(biāo)不治本的方法我覺(jué)得很不合理，本人花了點(diǎn)時(shí)間修改了一下。經(jīng)測(cè)試ie6、ie7、firefox2.0、firefox3.0 是沒(méi)有任何問(wèn)題的,其他的我沒(méi)有測(cè)試。改后的壓縮文件多了2KB左右,現(xiàn)在為16.2 KB。在目前的網(wǎng)絡(luò)帶寬下還是比較合理的。如果有需要我可以提供popup.js注釋版。請(qǐng)相信博主是有分享精神的。
歷史版本說(shuō)明：
V1.0.0 2008.07
從百度空間下載popup.js，并運(yùn)用到博客系統(tǒng)中
V1.1.0 2008.07
修改由于與文檔類(lèi)型(DOCTYPE)沖突，遮罩層錯(cuò)位
V1.2.0 2008.11
修改由于頁(yè)面較短，遮罩層不能完全遮罩頁(yè)面
修改在非全屏下打開(kāi)遮罩，再全屏頁(yè)面后遮罩層不能全屏問(wèn)題
修改對(duì)話框可拖出遮罩區(qū)域問(wèn)題
20100413更新了下，一點(diǎn)小問(wèn)題。
在線測(cè)試 http://img.jb51.net/online/popup/popup.html
打包下載地址
歷史版本說(shuō)明：
V1.0.0 2008.07
從百度空間下載popup.js，并運(yùn)用到博客系統(tǒng)中
V1.1.0 2008.07
修改由于與文檔類(lèi)型(DOCTYPE)沖突，遮罩層錯(cuò)位
V1.2.0 2008.11
修改由于頁(yè)面較短，遮罩層不能完全遮罩頁(yè)面
修改在非全屏下打開(kāi)遮罩，再全屏頁(yè)面后遮罩層不能全屏問(wèn)題
修改對(duì)話框可拖出遮罩區(qū)域問(wèn)題
20100413更新了下，一點(diǎn)小問(wèn)題。
在線測(cè)試 http://img.jb51.net/online/popup/popup.html
打包下載地址
相關(guān)文章
用js實(shí)現(xiàn)的星空效果代碼，正壯觀2008-09-09
一種讓頁(yè)面完全把過(guò)來(lái)顯示的腳本代碼
一種讓頁(yè)面完全把過(guò)來(lái)顯示的腳本代碼...2007-09-09
使用canvas制作炫酷黑客帝國(guó)數(shù)字雨背景html+css+js
這篇文章主要介紹了使用canvas制作炫酷黑客帝國(guó)數(shù)字雨背景，html+css+js黑客帝國(guó)電影中的數(shù)字雨,非常簡(jiǎn)單,一起來(lái)看看如何制作吧2023-03-03
圖片與JavaScript配合做出個(gè)性滾動(dòng)條
如果你想定制出一個(gè)漂亮的滾動(dòng)條的話,這個(gè)JS特效可能會(huì)適合你,不過(guò)代碼稍嫌麻煩些,但效果真的不錯(cuò),代碼含有中文注釋,學(xué)習(xí)也是不錯(cuò)的,希望朋友們喜歡.2009-10-10
利用CSS布局一個(gè)直方圖，可能比較實(shí)用，主要是考驗(yàn)使用CSS布局的能力，看看效果吧。2009-11-11
簡(jiǎn)潔的一個(gè)實(shí)現(xiàn)網(wǎng)頁(yè)全屏代碼
簡(jiǎn)潔的一個(gè)實(shí)現(xiàn)網(wǎng)頁(yè)全屏代碼...2007-10-10
對(duì)于背投廣告的原理來(lái)說(shuō)并沒(méi)有什么難度，無(wú)非打開(kāi)的窗口失去焦點(diǎn)（blur），而原來(lái)頁(yè)面得到焦點(diǎn)（focus）。但對(duì)于流行的瀏覽器來(lái)說(shuō)，如果非用戶(hù)行為的彈出窗口（即 onload 時(shí)，直接window.open ），會(huì)被瀏覽器默認(rèn)攔截。2008-04-04
jQuery實(shí)現(xiàn)拉動(dòng)頁(yè)面固定頂部顯示且自動(dòng)消失(火狐)
jQuery拉動(dòng)頁(yè)面固定頂部顯示，自動(dòng)消失，看到這幾個(gè)字就感覺(jué)很時(shí)尚，在測(cè)試過(guò)程中ie瀏覽器下有問(wèn)題，不過(guò)火狐什么的都可以運(yùn)行看效果，一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)特效，也是很常用的“回到頂部”效果，有興趣的看一下2012-12-12
JavaScript實(shí)現(xiàn)漸變色效果(不使用圖片)
JavaScript漸變色，不使用圖片實(shí)現(xiàn)漸變色，這樣有利的節(jié)省了時(shí)間省去使用圖片的麻煩，而且占用資源極小，漸變色也均勻漂亮，我看了都目瞪口呆，非常值得學(xué)習(xí)哦，接下來(lái)為您詳細(xì)介紹2012-12-12
js實(shí)現(xiàn)小魚(yú)吐泡泡在頁(yè)面游動(dòng)特效
非常逼真的用js寫(xiě)的，在頁(yè)面中有一條游動(dòng)的吐泡泡小魚(yú)，對(duì)于愛(ài)好海洋類(lèi)的個(gè)人網(wǎng)站，加這個(gè)效果蠻漂亮的2008-09-09