JavaScript实现按键控制网页效果

发布时间：2018-08-20 15:48:47 所属栏目：模式来源：站长网

导读：烈火网(LieHuo.Net)教程这篇文章之后感觉挺有意思的，就自己写了个网页彩蛋原文提供的代码很简洁，实际使用中自己又增加了一点控制部分，比如显示一定时间后消失，刷新之后清空变量值，重新开始记录键值。程序的原理就是检测按键的键值，当达到预定条件

　　烈火网(LieHuo.Net)教程这篇文章之后感觉挺有意思的，就自己写了个网页彩蛋原文提供的代码很简洁，实际使用中自己又增加了一点控制部分，比如显示一定时间后消失，刷新之后清空变量值，重新开始记录键值。程序的原理就是检测按键的键值，当达到预定条件时执行规定的函数。

<!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>JavaScript实现按键控制网页效果 - 烈火网 - 关注站长，建设互联网！</title> <style type="text/css"> .bg{ background:url(http://www.veryhuo.com/uploads/userup/92/liehuo_back.gif) repeat;} p{ text-align:center; color:#d00; font-weight:bold; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#000; line-height:120px;} </style> </head> <body> 请顺序敲击下列按键，你就会看到效果了！ ↑ ↑ ↓ ↓ ← ← → → </body> </html>
提示：可修改后代码再运行!

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!