當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS實(shí)現(xiàn)關(guān)機(jī)特效(二)

JS實(shí)現(xiàn)關(guān)機(jī)特效(二)

2012/11/11 19:56:56作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS實(shí)現(xiàn)關(guān)機(jī)特效(二)

【實(shí)例描述】

本例應(yīng)該算是最簡(jiǎn)單的關(guān)機(jī)特效。當(dāng)用戶單擊“關(guān)機(jī)效果”鏈接時(shí)模擬Windows操作系統(tǒng)關(guān)機(jī)的效果。

【實(shí)例代碼】

<html> <head> <title>關(guān)機(jī)特效-學(xué)無憂(wangbatian.cn)</title> </head> <body style="background-color:#E9EDF7"> <script language="javascript"> function closeMsg(txt) {     document.body.style.filter='alpha(opacity=40) gray'; //實(shí)現(xiàn)窗體的濾鏡效果,設(shè)置透明度     confirm(txt);                             //彈出提示性對(duì)話框     document.body.style.filter='';                      //取消濾鏡 } setTimeout("msgbox('注銷   關(guān)閉   重新啟動(dòng)')",1000)  //隔一秒觸發(fā)一次 </script> <a href="javascript:closeMsg('注銷 關(guān)閉 重新啟動(dòng)')">關(guān)機(jī)效果</a> </body> </html>

【運(yùn)行效果】

 關(guān)機(jī)特效(二)運(yùn)行效果

【難點(diǎn)剖析】

本例中通過設(shè)置body標(biāo)簽的濾鏡效果實(shí)現(xiàn)了灰色層的覆蓋。使用“confm”方法彈出一個(gè)類似模式的對(duì)話框,用戶只有選擇“確定”或“取消”按鈕后,才可以執(zhí)行其他的操作。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:JS實(shí)現(xiàn)關(guān)機(jī)特效(二) 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: JS實(shí)現(xiàn)  關(guān)機(jī)