JS 網頁彩蛋實現代碼

2019-11-21 01:09:49

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style type="text/css"> .bg{ background:url(http://nba.titan24.com/focus/kikx/images/sp.gif) repeat;} p{ text-align:center; color:#d00; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#f06; line-height:120px;} </style> </head> <body> <p>按 ↑ ↑ ↓ ↓ ← ← → → </p> </body> <script type="text/javascript">     function trick(e){         if(typeof window.k=="undefined"){             window.k=""         }         var e=e||event;      //alert(e.keyCode);         if(e.keyCode==116) window.k="";         window.k+=e.keyCode+",";         if(window.k=="38,38,40,40,37,37,39,39,") {             play();             window.k="";         }             }          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; </script> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript 定義初始化數組函數

下一篇：javascript十個最常用的自定義函數(中文版)