亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

點擊按鈕，網頁變暗、屏幕鎖定Js代碼

2024-09-05 12:21:57

字體：大中小

來源：轉載

供稿：網友

一款JavaScript特效代碼，在網頁上點擊按鈕，網頁變暗，且屏幕被鎖定，變得不可操作。大家還記得一些大論壇不？在登錄時候網頁背景變暗，除了登錄框外，其它地方均被鎖定，不能操作，類似本代碼的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>網頁變暗、屏幕鎖定</title><style>#pageOverlay { visibility:hidden; position:fixed; top:0; left:0; z-index:1987; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; }/*IE6 fixed*/* html { background:url(*) fixed; }* html body { margin:0; height:100%; }* html #pageOverlay { position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }</style><script>(function(){	// 獲取對象	var $ = function (id){		return document.getElementById(id);	};	// 遍歷	var each = function(a, b) {		for (var i = 0, len = a.length; i < len; i++) b(a[i], i);	};	// 事件綁定	var bind = function (obj, type, fn) {		if (obj.attachEvent) {			obj['e' + type + fn] = fn;			obj[type + fn] = function(){obj['e' + type + fn](window.event);}			obj.attachEvent('on' + type, obj[type + fn]);		} else {			obj.addEventListener(type, fn, false);		};	};		// 移除事件	var unbind = function (obj, type, fn) {		if (obj.detachEvent) {			try {				obj.detachEvent('on' + type, obj[type + fn]);				obj[type + fn] = null;			} catch(_) {};		} else {			obj.removeEventListener(type, fn, false);		};	};		// 阻止瀏覽器默認行為	var stopDefault = function(e){		e.preventDefault ? e.preventDefault() : e.returnValue = false;	};	// 獲取頁面滾動條位置	var getPage = function(){		var dd = document.documentElement,			db = document.body;		return {			left: Math.max(dd.scrollLeft, db.scrollLeft),			top: Math.max(dd.scrollTop, db.scrollTop)		};	};		// 鎖屏	var lock = {		show: function(){			$('pageOverlay').style.visibility = 'visible';			var p = getPage(),				left = p.left,				top = p.top;						// 頁面鼠標操作限制			this.mouse = function(evt){				var e = evt || window.event;				stopDefault(e);				scroll(left, top);			};			each(['DOMMouseScroll', 'mousewheel', 'scroll', 'contextmenu'], function(o, i) {					bind(document, o, lock.mouse);			});			// 屏蔽特定按鍵: F5, Ctrl + R, Ctrl + A, Tab, Up, Down			this.key = function(evt){				var e = evt || window.event,					key = e.keyCode;				if((key == 116) || (e.ctrlKey && key == 82) || (e.ctrlKey && key == 65) || (key == 9) || (key == 38) || (key == 40)) {					try{						e.keyCode = 0;					}catch(_){};					stopDefault(e);				};			};			bind(document, 'keydown', lock.key);		},		close: function(){			$('pageOverlay').style.visibility = 'hidden';			each(['DOMMouseScroll', 'mousewheel', 'scroll', 'contextmenu'], function(o, i) {				unbind(document, o, lock.mouse);			});			unbind(document, 'keydown', lock.key);		}	};	bind(window, 'load', function(){		$('btn_lock').onclick = function(){			lock.show();		};		$('pageOverlay').onclick = function(){			lock.close();		};	});})();</script></head><body><button id="btn_lock" style="position: absolute; left:50%; top:40%; ">開啟鎖屏</button><ol id="test"><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li><li>囧</li></ol><div   class="nolmbyd"   id="pageOverlay"></div></body></html>

上一篇：鼠標點擊屏幕背景變暗的代碼

下一篇：CSS實現背景自動延伸并填充的菜單效果

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

精品亚洲国产成av人片传媒| 日韩在线视频免费观看高清中文| 九九热这里只有精品6| 激情久久av一区av二区av三区| 久久久国产精品x99av| 国产三级精品网站| 懂色av一区二区三区| 在线看日韩av| 九九热这里只有精品6| 国产精品电影网| 欧美xxxx综合视频| 久久久久久久爱| 欧美日韩在线一区| 神马国产精品影院av| 91亚洲国产成人精品性色| 97在线精品国自产拍中文| 欧美贵妇videos办公室| 国产亚洲精品久久久久动| 69av在线视频| 26uuu另类亚洲欧美日本一| 欧美另类在线播放| 亚洲影院色无极综合| 亚洲www在线观看| 国产婷婷97碰碰久久人人蜜臀| 国产精品wwww| 91精品在线观看视频| 精品久久久久久久久久久久| 欧美多人乱p欧美4p久久| 色av中文字幕一区| 欧美人交a欧美精品| 欧美性高跟鞋xxxxhd| 日韩中文字幕免费视频| 91高清免费在线观看| 国产精品日日做人人爱| 日韩av免费在线| 欧美日韩免费在线观看| 国产剧情日韩欧美| 国产精品久久色| 国产97在线播放| 精品国产精品自拍| 国产亚洲aⅴaaaaaa毛片| 欧美xxxx做受欧美.88| 国产一区二区三区四区福利| 国产精品成人品| 亚洲中国色老太| 91久久精品久久国产性色也91| 欧美放荡办公室videos4k| 国产男人精品视频| 欧美精品日韩www.p站| 国产精品久久久久9999| 日韩免费在线免费观看| 欧美日韩黄色大片| 日韩亚洲欧美成人| 欧美性猛交xxxx黑人猛交| 久色乳综合思思在线视频| 亚洲欧美激情在线视频| 日韩av网址在线观看| 欧美激情网站在线观看| 国产97在线|日韩| 日韩国产精品亚洲а∨天堂免| 欧美激情精品在线| 国产欧美一区二区三区在线看| 国产成人综合亚洲| 欧美激情一区二区久久久| 午夜欧美大片免费观看| 亚洲成人精品久久| 91免费看片网站| 欧美裸体男粗大视频在线观看| 国产在线98福利播放视频| 亚洲第一区中文字幕| 欧美丝袜美女中出在线| 97国产suv精品一区二区62| 久久亚洲影音av资源网| 日本成人在线视频网址| 亚洲毛茸茸少妇高潮呻吟| 国内精品久久久久久久久| www.99久久热国产日韩欧美.com| 亚洲精品国产拍免费91在线| 国色天香2019中文字幕在线观看| 久久五月情影视| 国产精品爽黄69天堂a| 57pao国产成人免费| 欧美三级免费观看| 久久精品91久久香蕉加勒比| 亚洲一区二区免费在线| 久久成人一区二区| 精品动漫一区二区三区| 日韩欧美在线国产| 久久久国产成人精品| 国产a∨精品一区二区三区不卡| 精品国产乱码久久久久久虫虫漫画| 伊人久久久久久久久久| 久久久久久久久久久久久久久久久久av| 中文字幕在线国产精品| 欧美亚洲日本网站| 午夜欧美大片免费观看| 日韩成人黄色av| 97在线视频一区| 亚洲免费精彩视频| 国产精品一区电影| 5566成人精品视频免费| 久久国产精品视频| 97精品在线视频| 欧美www在线| 亚洲成人激情在线观看| 日韩最新免费不卡| 国产精品网红福利| 日韩国产高清视频在线| 中文字幕久热精品视频在线| 中文字幕在线亚洲| 欧美一级片久久久久久久| 九九热精品在线| 亚洲欧美激情精品一区二区| 国产成人啪精品视频免费网| 精品福利在线视频| 成人精品一区二区三区| 永久免费精品影视网站| 在线午夜精品自拍| 日韩精品免费在线视频观看| 国产精品一区二区久久久久| 日韩av成人在线| 一区二区亚洲欧洲国产日韩| 91精品国产91久久久久久最新| 亚洲国产古装精品网站| 日韩电影大片中文字幕| 亚洲精品黄网在线观看| 欧美视频在线免费| 欧美亚洲激情视频| 欧美成人高清视频| 亚洲欧美一区二区三区四区| 国产成人精品日本亚洲| 日韩中文在线中文网三级| 亚洲一二三在线| 日韩成人激情视频| 欧美一乱一性一交一视频| 亚洲欧美国产一本综合首页| 久久成人综合视频| 国产成人精品免高潮在线观看| 91成人免费观看网站| 亚洲国产高清福利视频| 国模视频一区二区三区| 国产欧美精品va在线观看| 高潮白浆女日韩av免费看| 国产精品激情av电影在线观看| 国产精品丝袜久久久久久不卡| 日韩精品视频在线观看网址| 日韩视频在线免费观看| 国产精品电影久久久久电影网| 亚洲男女性事视频| 欧美激情国产日韩精品一区18| 欧美精品制服第一页| 亚洲最大成人在线| 久久免费在线观看| 欧美久久精品午夜青青大伊人| 亚洲影视九九影院在线观看| 69**夜色精品国产69乱| 欧美成人免费全部| 亚洲电影中文字幕| 欧美高清在线播放| 国产精品成人观看视频国产奇米| 国产欧美日韩中文| 欧美电影免费观看高清| 欧美一级淫片aaaaaaa视频| 亚洲欧美激情四射在线日|