前端黑科技

1 . 网页夜间模式

<a href="javascript:(function(){var styleElem=null,doc=document,ie=doc.all,fontColor=50,sel='body,body *';styleElem=createCSS(sel,setStyle(fontColor),styleElem);showTip(doc);if(ie){doc.attachEvent('onkeydown',onKeyDown)}else{doc.addEventListener('keydown',onKeyDown)};function onKeyDown(evt){if(!(evt.keyCode===87||evt.keyCode===81))return;var evt=ie?window.event:evt;if(evt.keyCode===87){fontColor=(fontColor>=100)?100:fontColor+10}else if(evt.keyCode===81){fontColor=(fontColor<=10)?10:fontColor-10};styleElem=createCSS(sel,setStyle(fontColor),styleElem)};function setStyle(fontColor){var colorArr=[fontColor,fontColor,fontColor];return'background-color:rgb(30,30,30) !important;color:RGB('+colorArr.join('%,')+'%) !important;'};function createCSS(sel,decl,styleElem){var doc=document,h=doc.getElementsByTagName('head')[0],styleElem=styleElem;if(!styleElem){s=doc.createElement('style');s.setAttribute('type','text/css');styleElem=ie?doc.styleSheets[doc.styleSheets.length-1]:h.appendChild(s)};if(ie){styleElem.addRule(sel,decl)}else{styleElem.innerHTML='';styleElem.appendChild(doc.createTextNode(sel+' {'+decl+'}'))};return styleElem};function showTip(){var tipElem=doc.createElement('div'),body=doc.getElementsByTagName('body')[0];tipElem.innerHTML='=== 夜间模式开启。提示: q 或 w 可减少增加字体亮度 刷新取消===';tipElem.style.cssText='background-color:#3FA9FB !important;color:#fff !important;font-size:14px;height:20px;line-height:20px;position:fixed;left:0;top:0;text-align:center;width:100%;z-index:99999;';body.appendChild(tipElem);setTimeout(function(){body.removeChild(tipElem)},3000)}})();"><i class="icon-sign-blank"></i>夜间模式</a>

2. 网页全屏

   document.getElementById("a_FullScreen").onclick = function () {
              
                
               
                requestFullScreen(document.documentElement);// 整个网页
            };

            function requestFullScreen(element) {
                // 判断各种浏览器，找到正确的方法
                var requestMethod = element.requestFullScreen || //W3C
                element.webkitRequestFullScreen ||    //Chrome等
                element.mozRequestFullScreen || //FireFox
                element.msRequestFullScreen; //IE11
                if (requestMethod) {
                    requestMethod.call(element);
                }
                else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
                    var wscript = new ActiveXObject("WScript.Shell");
                    if (wscript !== null) {
                        wscript.SendKeys("{F11}");
                    }
                }
            }

            //退出全屏 判断浏览器种类
            function exitFull() {
                // 判断各种浏览器，找到正确的方法
                var exitMethod = document.exitFullscreen || //W3C
                document.mozCancelFullScreen ||    //Chrome等
                document.webkitExitFullscreen || //FireFox
                document.webkitExitFullscreen; //IE11
                if (exitMethod) {
                    exitMethod.call(document);
                }
                else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
                    var wscript = new ActiveXObject("WScript.Shell");
                    if (wscript !== null) {
                        wscript.SendKeys("{F11}");
                    }
                }
            }