多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

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

JavaScript實現按鍵控制網頁效果

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

　　網(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關注
欄目熱點
關閉
程序員人生
主站蜘蛛池模板： 婷婷伊人网 | 欧美中文小说在线观看 | 波多野结衣在线观看视频 | 伊人久久五月天综合网 | 国产大片51精品免费观看 | 欧美久久久久久 | 日本中文字幕永久在线 | 国产亚洲一区二区精品 | 国产亚洲精品久久久久久小说 | 三中文乱码视频 | 国产午夜亚洲精品久久www | 日本孕妇大胆孕交无码 | 一级毛片在线免费视频 | 色人阁久久 | 欧美视频福利 | 亚洲网站www | freefromvideos性欧美破 | 最新99国产成人精品视频免费 | 色中色在线视频 | 亚洲第九十九页 | 中文字幕免费在线视频 | 国产经典自拍 | 欧美操片在线观看 | 日本一区免费看 | 亚洲欧美色中文字幕 | 1000部精品久久久久久久久 | 亚洲综合网在线 | 欧美人xxxx| 青青青青手机在线视频观看国产 | 国内精品一区二区三区东京 | 黄色网址在线看 | 国产午夜免费一区二区三区 | jizz在亚洲 | 亚洲在线免费视频 | 久久精品综合国产二区 | 999av视频| 中国一级毛片国产高清 | 国产精品揄拍一区二区 | 一二三四视频免费观看高清版在线 | 波兰性xxxxx极品hd | 毛片免费在线观看网址 |