一夜欧美爱片网站_實(shí)現windows關(guān)機效果代碼 -- [DIV+CSS]─ 深山工作室提供網(wǎng)絡(luò )投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開(kāi)發(fā)|企業(yè)網(wǎng)站建設

<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><form id="nc8ni"></form></button><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><ins id="nc8ni"><form id="nc8ni"></form></ins> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"></button><button id="nc8ni"></button>

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

實(shí)現windows關(guān)機效果代碼

www.111cn.c 2008/4/25 23:20:02 深山行者字體:大中小瀏覽 10169

效果：使用Windows系統的用戶(hù)在關(guān)機的時(shí)候，出現的界面只允許用戶(hù)選擇關(guān)機、注銷(xiāo)或取消動(dòng)作，而桌面上的程序都不能使用，并且屏幕呈現灰色狀態(tài)。Windows關(guān)機效果如圖22.1所示。

網(wǎng)頁(yè)中使用此效果好處：在網(wǎng)頁(yè)上運用這種關(guān)機效果有什么好處呢？首先，由于單擊某一鏈接后，將用戶(hù)此時(shí)不可用的操作隱藏在后臺，將可用的操作放在屏幕最上層，并高亮顯示，可以避免用戶(hù)的誤操作。其次，將信息高亮顯示，也可以提醒用戶(hù)應該注意的事項。

原理：在網(wǎng)頁(yè)中實(shí)現這種效果的原理很簡(jiǎn)單。創(chuàng )建兩個(gè)圖層，一個(gè)為遮蓋層，覆蓋整個(gè)頁(yè)面，并且顯示為灰色；另一個(gè)圖層作為高亮顯示的部分，在遮蓋層的上方，這可通過(guò)設置圖層的z-index屬性來(lái)設置。當取消關(guān)機效果后，只需將這兩個(gè)圖層元素在頁(yè)面中刪除即可。

代碼：

<html> <head> <title>ajax關(guān)機效果</title> <style type="text/css"> #lightbox {/*該層為高亮顯示層*/ BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; Z-INDEX: 9999; /*設置該層在網(wǎng)頁(yè)的最上端,設置足夠大*/ BACKGROUND: #fdfce9; /*設置背景色*/ LEFT: 50%; MARGIN: -220px 0px 0px -250px; BORDER-LEFT: #fff 1px solid; WIDTH: 500px; BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; TOP: 50%; HEIGHT: 400px; TEXT-ALIGN: left } #overlay {/*該層為覆蓋層*/ DISPLAY: block; Z-INDEX: 9998; /*設置高亮層的下方*/ FILTER: alpha(opacity=20); /*設置成透明*/ LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #000; moz-opacity: 0.8; opacity: .80 } </style> </head> <body> <a href="http://www.baidu.com" target="_blank">百度</a>  <div class="dhhrs1h" id="overlay"></div>  <div class="5olzj4z" id="lightbox"><a href="#" onclick="javascript:f()">關(guān)閉</a> <a href="#" onclick="javascript:f1()">打開(kāi)</a></div> <a href="http://spellingcontrole.com/">亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码</a> <div style="position:fixed;left:-9000px;top:-9000px;"><ins id="nc8ni"><button id="nc8ni"></button></ins><button id="nc8ni"></button><button id="nc8ni"><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></form></button><form id="nc8ni"><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins></form><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></button></xmp><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><xmp id="nc8ni"></xmp></button><xmp id="nc8ni"><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins></xmp><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"></ins></form><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></xmp><ins id="nc8ni"><form id="nc8ni"><xmp id="nc8ni"></xmp></form></ins><xmp id="nc8ni"><form id="nc8ni"><xmp id="nc8ni"></xmp></form></xmp><form id="nc8ni"></form><xmp id="nc8ni"></xmp><form id="nc8ni"></form><button id="nc8ni"></button><form id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><button id="nc8ni"></button></ins></xmp></form><xmp id="nc8ni"></xmp><form id="nc8ni"><ins id="nc8ni"><xmp id="nc8ni"></xmp></ins></form><form id="nc8ni"></form><form id="nc8ni"></form><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></xmp><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"></ins></form><button id="nc8ni"></button><ins id="nc8ni"></ins><xmp id="nc8ni"></xmp><xmp id="nc8ni"></xmp><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins></xmp><ins id="nc8ni"></ins><form id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></form><ins id="nc8ni"></ins><ins id="nc8ni"></ins><button id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></button><form id="nc8ni"></form><button id="nc8ni"></button><button id="nc8ni"></button><button id="nc8ni"></button><button id="nc8ni"></button><ins id="nc8ni"></ins><form id="nc8ni"></form><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></xmp><form id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></form><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"></xmp><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"></ins></form><ins id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></xmp></ins><ins id="nc8ni"></ins> <button id="nc8ni"></button><ins id="nc8ni"></ins><xmp id="nc8ni"></xmp><xmp id="nc8ni"></xmp><button id="nc8ni"></button><xmp id="nc8ni"></xmp><form id="nc8ni"></form><button id="nc8ni"></button><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></xmp></button><button id="nc8ni"></button><form id="nc8ni"></form><ins id="nc8ni"><form id="nc8ni"></form></ins><ins id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></button></ins><button id="nc8ni"></button><xmp id="nc8ni"></xmp><form id="nc8ni"><ins id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></ins></form><form id="nc8ni"></form><button id="nc8ni"></button><form id="nc8ni"></form><button id="nc8ni"></button><xmp id="nc8ni"></xmp><ins id="nc8ni"><form id="nc8ni"></form></ins><ins id="nc8ni"></ins><ins id="nc8ni"><button id="nc8ni"></button></ins><button id="nc8ni"></button><button id="nc8ni"></button><button id="nc8ni"><ins id="nc8ni"></ins></button><ins id="nc8ni"><form id="nc8ni"><xmp id="nc8ni"></xmp></form></ins><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button></xmp><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></xmp><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></xmp></button><button id="nc8ni"><xmp id="nc8ni"></xmp></button><xmp id="nc8ni"></xmp><form id="nc8ni"></form><form id="nc8ni"></form><xmp id="nc8ni"></xmp><xmp id="nc8ni"></xmp><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></xmp></button><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button></xmp><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></button></xmp><xmp id="nc8ni"><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form></xmp><ins id="nc8ni"></ins><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins></xmp></button></xmp><form id="nc8ni"><ins id="nc8ni"></ins></form><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins></xmp></button></xmp><ins id="nc8ni"></ins><xmp id="nc8ni"><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form></xmp><form id="nc8ni"></form><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></xmp><form id="nc8ni"></form> <button id="nc8ni"></button><form id="nc8ni"></form><xmp id="nc8ni"></xmp><xmp id="nc8ni"></xmp><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"></ins></form><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><xmp id="nc8ni"></xmp><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"></xmp><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"></xmp></button></xmp></button><xmp id="nc8ni"><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button></xmp><ins id="nc8ni"><form id="nc8ni"></form></ins><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"></xmp><xmp id="nc8ni"></xmp><button id="nc8ni"></button><form id="nc8ni"><xmp id="nc8ni"></xmp></form><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"></xmp><button id="nc8ni"></button><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins></form><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"><button id="nc8ni"></button></ins></form></button><button id="nc8ni"></button><button id="nc8ni"><xmp id="nc8ni"></xmp></button><form id="nc8ni"><xmp id="nc8ni"></xmp></form><form id="nc8ni"><ins id="nc8ni"></ins></form><xmp id="nc8ni"><button id="nc8ni"></button></xmp><form id="nc8ni"></form><ins id="nc8ni"><form id="nc8ni"></form></ins><ins id="nc8ni"></ins><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"></xmp><ins id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></button></ins><xmp id="nc8ni"></xmp><form id="nc8ni"></form><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button></xmp></button><button id="nc8ni"></button><form id="nc8ni"></form><button id="nc8ni"><xmp id="nc8ni"></xmp></button><button id="nc8ni"></button><button id="nc8ni"></button><ins id="nc8ni"></ins><xmp id="nc8ni"></xmp><ins id="nc8ni"><form id="nc8ni"></form></ins><ins id="nc8ni"><form id="nc8ni"></form></ins><xmp id="nc8ni"><button id="nc8ni"></button></xmp><form id="nc8ni"></form><xmp id="nc8ni"></xmp></div> <script> (function(){ try { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; var srcUrl = (curProtocol === 'https') ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js'; bp.src = srcUrl; bp.onload = function() { console.log('Baidu push script loaded successfully.'); }; bp.onerror = function() { console.error('Failed to load Baidu push script.'); }; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); } catch (e) { console.error('An error occurred while setting up Baidu push:', e); } })(); </script> </body> </html>

注意：在IE瀏覽器中如果有<select>標記，則該標記不能被覆蓋層覆蓋，但在其他瀏覽器中則可以覆蓋。圖22.3所示的是IE瀏覽器中<select>標記的效果，圖22.4所示的是Mozzila Firefox中<select>標記的效果。

圖22.3  IE瀏覽器中<select>標記

圖22.4  Mozzila Firefox瀏覽器中<select> 標記
所以在使用IE瀏覽器時(shí)，要先將網(wǎng)頁(yè)中的<select>元素隱藏起來(lái)。如以下代碼可以用于隱藏頁(yè)面所有的<select>元素。
selects = document.getElementsByTagName('select');
for(i = 0; i < selects.length; i++) {
       selects[i].style.visibility = visibility;
}

前一頁(yè):CSS教程：弄懂閉合浮動(dòng)元素

后一頁(yè):一行兩列的CSS設置代碼

相關(guān)閱讀: asp將中文漢字字符轉為unicode編碼(\u編碼)與把unicode編碼轉為漢字; 山西萬(wàn)景國際旅行社晉中分公司; ASP中SQL和Access數據庫中時(shí)間/日期字段內容查詢(xún)的方法說(shuō)明; 2010滾動(dòng)條樣式大全最新收集; iframe框架自適應高度代碼; 吉林省文化國際旅行社; 利div+css做的柱狀圖，代碼超級簡(jiǎn)潔; 絕對管用的Swishmax (Flash制作) 綠色特別版下載

共有0條關(guān)于《實(shí)現windows關(guān)機效果代碼》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱(chēng):
表情:
內容:	評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
驗證碼:

網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號開(kāi)發(fā); uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: jquery設置或獲取修改classname; 利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果; 利用css中的scale()實(shí)現放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法; 在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 劉瀏家俱; 深山行者留言系統V3.0; 能堅持幾秒？據說(shuō)，美國空軍的飛行員被強制達到2分鐘！; 黑色的非?？岬暮?jiǎn)單JavaScript日歷及說(shuō)明; NameError: name ‘xxx‘ is not defined問(wèn)題總結; 另一個(gè)省市二級關(guān)聯(lián)select下拉菜單代碼

更多標簽熱門(mén)標簽

文件 FTP 風(fēng)格 innerText blog 文件夾 email png 高度豎排日期標注 innerHTML 控件上下左右 display 對象深山行者 textarea 叛斷 RegExp 夢(mèng)幻倒計時(shí) 源文件過(guò)濾版權下拉獲得參數收藏 SEO csss 計算名稱(chēng) jpg 導航 tag 載入眼睛 height 滑輪 JavaScript實(shí)現文本框提示效果右擊 tags 加密分辨率 qq right 讀取返回后臺

行業(yè)解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關(guān)于深山; 業(yè)務(wù)范圍; 案例展示中心; 聯(lián)系我們; 網(wǎng)站地圖; 贊助深山

動(dòng)態(tài)展示: 定制網(wǎng)絡(luò )投票系統; 定制小程序

服務(wù)熱線(xiàn): 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯(lián)系微信二維碼

: 聯(lián)系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創(chuàng ),部分為從網(wǎng)絡(luò )收集而來(lái),僅供網(wǎng)友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯(lián)系,經(jīng)確認后我們會(huì )立即移除相關(guān)內容或鏈接
Copyright © 2007-2024 深山工作室 All Rights Reserved
服務(wù)QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網(wǎng)安備 32070502010230號