javascript仿XP關(guān)機(jī)效果的彈出窗口功能
更新時(shí)間：2007年10月09日 21:38:55 作者：
不管是做網(wǎng)站還是一些應(yīng)用系統(tǒng)，都免不了要用到一些彈出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了網(wǎng)絡(luò)上比較流行的仿XP關(guān)機(jī)效果的彈出功能，按目前的反應(yīng)來說還是效果不錯(cuò)的，下面將此功能整一下兒，如果有需要大家可以直接使用到自己的網(wǎng)站或是應(yīng)用系統(tǒng)中去。
不在詳細(xì)的說明代碼了，帖出代碼之前需要說明一點(diǎn)兒的是IE環(huán)境下，由于下拉框（select元素）優(yōu)先級(jí)太高了，彈出的div元素?zé)o法蓋住下拉框元素，很煩人的一個(gè)IE的BUG（個(gè)人認(rèn)為是BUG ^o^），我使用的方法是在彈出時(shí)隱藏掉頁面中全部的select元素，而關(guān)系窗口時(shí)讓其再顯示出來。呵呵，方法比較笨，但實(shí)在想不出來更好的辦法了。。。
這里帖出兩種效果，第一種是彈出時(shí)頁面背景直接變?yōu)榘胪该?，而第二種則對(duì)XP關(guān)機(jī)效果仿得更像一點(diǎn)兒，即背景是有一個(gè)逐漸變?yōu)榘胪该鞯倪^程，大家可以留心觀察兩種效果的區(qū)別,兩種效果全部通過了IE6和firefox的測(cè)試。
第一種：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
第二種（注意彈出背景逐漸變?yōu)榘胪该鞯倪^程）：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
不在詳細(xì)的說明代碼了，帖出代碼之前需要說明一點(diǎn)兒的是IE環(huán)境下，由于下拉框（select元素）優(yōu)先級(jí)太高了，彈出的div元素?zé)o法蓋住下拉框元素，很煩人的一個(gè)IE的BUG（個(gè)人認(rèn)為是BUG ^o^），我使用的方法是在彈出時(shí)隱藏掉頁面中全部的select元素，而關(guān)系窗口時(shí)讓其再顯示出來。呵呵，方法比較笨，但實(shí)在想不出來更好的辦法了。。。
這里帖出兩種效果，第一種是彈出時(shí)頁面背景直接變?yōu)榘胪该?，而第二種則對(duì)XP關(guān)機(jī)效果仿得更像一點(diǎn)兒，即背景是有一個(gè)逐漸變?yōu)榘胪该鞯倪^程，大家可以留心觀察兩種效果的區(qū)別,兩種效果全部通過了IE6和firefox的測(cè)試。
第一種：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
第二種（注意彈出背景逐漸變?yōu)榘胪该鞯倪^程）：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
js實(shí)現(xiàn)表格拖動(dòng)選項(xiàng)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格拖動(dòng)選項(xiàng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex（解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題）,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-05-05
JavaScript實(shí)現(xiàn)拖拽和縮放效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)拖拽和縮放效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JS實(shí)現(xiàn)的緩沖運(yùn)動(dòng)效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的緩沖運(yùn)動(dòng)效果,涉及JavaScript數(shù)值運(yùn)算與時(shí)間函數(shù)相關(guān)使用技巧,需要的朋友可以參考下2018-04-04
layui 地區(qū)三級(jí)聯(lián)動(dòng) form select 渲染的實(shí)例
今天小編就為大家分享一篇layui 地區(qū)三級(jí)聯(lián)動(dòng) form select 渲染的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Table凍結(jié)表頭，大家對(duì)此應(yīng)該不會(huì)很陌生，實(shí)現(xiàn)很簡單，下面為大家詳細(xì)介紹下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下2013-08-08
頁面回到頂部的三種實(shí)現(xiàn)(錨標(biāo)記，js)
本文不再介紹，大家根據(jù)自己需要選擇其中的一種即可，總之簡約最美的，能減少代碼就減少代碼，能不調(diào)用的就別調(diào)用，要不是天緣博客的文章都是牛長也不會(huì)添加這個(gè)功能2012-10-10
這篇文章主要為大家詳細(xì)介紹了原生js模擬購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
最近遇到了個(gè)需求,需要在字符串的中間加上一兩個(gè)字符串,所以下面這篇文章主要給大家介紹了關(guān)于Html和JS字符串中間加空格的相關(guān)資料,文中介紹的挺詳細(xì),需要的朋友可以參考下2023-02-02
這段代碼大意是通過比較圖片分辨率和桌面分辨率來判定改圖是否適合直接用作訪客的桌面壁紙2013-07-07