日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置：首頁 > web前端 > jscript > JavaScript實現按鍵控制網頁效果

JavaScript實現按鍵控制網頁效果

來源：程序員人生   發布時間：2014-03-09 23:27:41 閱讀次數：2662次

　　網(LieHuo.Net)教程 這篇文章之后感覺挺有意思的，就自己寫了個網頁彩蛋原文提供的代碼很簡潔，實際使用中自己又增加了一點控制部分，比如 顯示一定時間后消失，刷新之后清空變量值，重新開始記錄鍵值。程序的原理就是檢測按鍵的鍵值，當達到預定條件時執行規定的函數。


提示：可修改后代碼再運行!

代碼和注釋：

function trick(e){
        if(typeof window.k=="undefined"){
            window.k=""
        }
        var e=e||event;
        //alert(e.keyCode);
        if(e.keyCode==116) window.k=""; //F5 清空重新計數
        window.k+=e.keyCode+",";
        if(window.k=="38,38,40,40,37,37,39,39,") {
            play();
            window.k=""; //執行play 同時清空
        }        
    }
    
    function play(){
        var bdy=document.getElementsByTagName("body")[0];
        var p=bdy.getElementsByTagName("p")[0];
        var h1=document.createElement("h1");
        h1.innerHTML="Hello!!!!!";
        bdy.className="bg";
        p.style.display="none";
        bdy.appendChild(h1);
        window.setTimeout("clean()",5000); //延時清理
    }
    function clean(){ //恢復頁面
        var bdy=document.getElementsByTagName("body")[0];
        var p=bdy.getElementsByTagName("p")[0];
        bdy.className="";
        p.style.display="";
        var h1=bdy.getElementsByTagName("h1")[0];
        bdy.removeChild(h1);
    }
    
    document.onkeydown=trick; //記錄鍵值執行函數

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
為碼而活
積分：4237
15粉絲
7關注
欄目熱點
關閉
程序員人生
主站蜘蛛池模板： swag国产精品一区二区 | 久久久久国产一区二区三区四区 | 国产精品久久久久久久久免费相片 | 亚洲国产成人精品久久 | 精品综合99久久久久久www | 日韩中文av | 国产精品视频123 | 亚洲精品美女久久久久网站 | 91网在线观看| 精品久久久一区二区 | 国产一级毛片一区二区 | 国厂自拍 | 中文字幕 自拍偷拍 | 在线观看国产精品视频 | 国产精品久久久久久模特 | 日韩亚洲 | 国产理论在线观看 | 精品一性一色一乱农村 | 亚洲国产欧美在线 | 亚洲精品国产精品国自产观看浪潮 | 亚洲伦理一区二区 | 小草av| 国产网站在线免费观看 | 久久精品1 | 久久国产精品视频 | 亚洲精品视频自拍 | 国产精品成人影院 | 黄a在线| 久久亚洲成人 | 成人毛片在线免费看 | 国产日韩一区二区三区 | 欧洲成人av | 91av视频网 | 日韩久久免费视频 | 伊人伊成久久人综合网站 | 久久亚洲国产精品 | 在线视频中文 | 操人视频 | 国产在线精品一区二区三区 | 国产精品一级片 | 高清视频一区 |