JS 网页彩蛋实现代码- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS 网页彩蛋实现代码

技术文章搜索

关键字

Javascript 中的 JS 网页彩蛋实现代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 312 ::

收藏到网摘: n/a

javascript 获取select下拉列表值的代码 javascript 定义初始化数组函数

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

点击运行可以看到效果:

<!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>
按 ↑ ↑ ↓ ↓ ← ← → →
</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 全选提示:你可先修改部分代码,再按运行]

javascript 获取select下拉列表值的代码 javascript 定义初始化数组函数

Javascript 中的 JS 网页彩蛋 实现代码

评论 (0) All

Javascript 中的 JS 网页彩蛋实现代码