JS网页彩蛋实现代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:44:12

JS网页彩蛋实现代码_javascript技巧

JS网页彩蛋实现代码_javascript技巧: .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;} 按 ↑ ↑ ↓ ↓

推荐度：

点击下载本文 文档为doc格式

导读JS网页彩蛋实现代码_javascript技巧: .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;} 按 ↑ ↑ ↓ ↓

<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> 
 
 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需刷新才能执行]

JS网页彩蛋实现代码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：网站实现 js

热门焦点

JS网页彩蛋实现代码_javascript技巧

JS网页彩蛋实现代码_javascript技巧

JS网页彩蛋实现代码_javascript技巧

最新推荐

猜你喜欢

热门推荐