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需再刷新一下页面才能执行]

网页彩蛋

javascript 不停(setInterval)/延时(setTimeout)函数使用实例
如果想实现页面的一些函数的定时执行，需要用到下面的函数大家可以看下用法。
2009-08-08
js实现接收表单的值并将值拼在表单action后面的方法
这篇文章主要介绍了js实现接收表单的值并将值拼在表单action后面的方法,涉及JavaScript动态操作字符串及表单元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
onbeforeunload与onunload事件异同点总结
本文对onbeforeunload与onunload事件的异同点、触发于、可以用在哪些元素以及解决刷新页面时不调用onbeforeunload等等，感兴趣的朋友可以参考下哈
2013-06-06
ECMAScript中var let const常见问题及区别详解
这篇文章主要为大家介绍了ECMAScript中var let const常见问题及区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
这篇文章主要介绍了JS简单实现查看文档创建日期、修改日期和文档大小的方法,结合实例形式分析了JavaScript使用fileCreatedDate属性、fileModifiedDate属性、lastModified属性和fileSize属性相关操作技巧,需要的朋友可以参考下
2018-04-04
javascript 人物逼真行走,已完成
然后请分析下程序,我出以下题目,供牛牛们练手(RPG游戏开发 - 实战,不搞理论,着重程序实现思路).
2009-04-04
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
这篇文章主要介绍了详述 Sublime Text 打开 GBK 格式中文乱码的解决方法，非常具有实用价值，需要的朋友可以参考下
2017-10-10
JavaScript获取图片像素颜色并转换为box-shadow显示
这篇文章主要介绍了JavaScript获取图片像素颜色并转换为box-shadow显示的方法,用到了HTML5中的FileReader API和getImageData,转换为的CSS3 box-shadow也要注意浏览器的兼容问题,需要的朋友可以参考下
2016-03-03
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)，需要的朋友可以参考一下
2013-03-03
Bootstrap3学习笔记(三)之表格
这篇文章主要介绍了Bootstrap3学习笔记(三)之表格的相关资料,需要的朋友可以参考下
2016-05-05