JS 网页彩蛋 实现代码
2009-09-07 00:00
423 查看
.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;}
按 ↑ ↑ ↓ ↓ ← ← → →
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;
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
p{ text-align:center; color:#d00; padding:10px 0; }
h1{ text-align:center; font-size:80px; color:#f06; line-height:120px;}
按 ↑ ↑ ↓ ↓ ← ← → →
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;
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- JS 网页彩蛋 实现代码
- JS实现黑色风格的网页TAB选项卡效果代码
- js实现的简洁网页滑动tab菜单效果代码
- JS 实现网页中的"运行代码"功能
- js实现网页图片延时加载的原理和代码 提高网站打开速度
- JS实现自定义简单网页软键盘效果代码
- js实现网页倒计时、网站已运行时间功能的代码3例
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- 采用CSS+JS实现简洁的滑动导航栏_网页代码站(www.webdm.cn)
- 将 html 代码写入 js 文件中,然后在网页中引用此 js 文件,实现头模板重用
- JS实现仿Windows7风格的网页右键菜单效果代码
- js网页中随意拖动的小方块实现代码
- js实现的网页颜色代码表全集
- JS实现完全语义化的网页选项卡效果代码
- JS实现网页上随滚动条滚动的层效果代码
- js实现网页图片延时加载的原理和代码【转】
- js基于面向对象实现网页TAB选项卡菜单效果代码
- 网页端如何通过JS实现超市小票打印功能(含附代码)