JS 网页彩蛋实现代码

更新时间：2009年09月07日 21:01:25 作者：

显示一定时间后消失，刷新之后清空变量值，重新开始记录键值。程序的原理就是检测按键的键值，当达到预定条件时执行规定的函数。

<!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>按 &uarr; &uarr; &darr; &darr; &larr; &larr; &rarr; &rarr; </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需再刷新一下页面才能执行]

网页彩蛋

layui table单元格事件修改值的方法
今天小编就为大家分享一篇layui table单元格事件修改值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS自动倒计时30秒后按钮才可用(两种场景)
在WEB程序开发中经常会见到用倒计时限制用户对表单的操作，希望用户在规定的时间内阅读完协议信息才允许用户继续下一步操作，本文通过两种场景分析js实现自动倒计时30秒后按钮才可用，小伙伴快来学习吧
2015-08-08
Vue自定义日历小控件使用方法详解
这篇文章主要为大家详细介绍了Vue自定义日历小控件使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
js跨域资源共享基础篇
这篇文章主要为大家详细介绍了javascript跨域资源共享的相关资料，感兴趣的朋友可以参考一下
2016-07-07
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
这篇文章主要介绍了JavaScript数据结构与算法之检索算法,结合实例形式分析了顺序查找、最大最小值、自组织查询算法相关原理与实现技巧,需要的朋友可以参考下
2019-02-02
一文搞懂JavaScript中原型与原型链
js中的原型与原型链应该是老生常谈的话题了，在前端面试中基本都是必问的一个问题，但是很多人还是稀里糊涂的，只知道其表层含义。本文将带大家深入了解JavaScript中的原型与原型链，感兴趣的可以学习一下
2022-10-10
JavaScript 继承详解（六）
在本章中，我们将分析Prototypejs中关于JavaScript继承的实现,需要的朋友可以参考下
2016-10-10
使用UniApp框架来阻止事件冒泡
在开发移动应用程序时,我们经常需要处理用户交互事件,然而,有时候这些事件会冒泡,导致意外的行为和不良用户体验,在本文中,我们将探讨如何使用UniApp框架来阻止事件冒泡,并提供一些示例代码来帮助您理解如何实现这一功能,需要的朋友可以参考下
2023-11-11
前端判断节假日的详细代码举例
因为要做一个日历控件,遇到国家法定节假日,怎么实现此功能呢?这篇文章主要给大家介绍了关于前端判断节假日的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-08-08
js前端对于大量数据的展示方式及处理方法
这篇文章主要介绍了js前端对于大量数据的展示方式及处理方法，帮助大家更好的理解和使用js，感兴趣的朋友可以了解下
2020-12-12