如何在网站

时间:2016-09-05 15:01:57

标签: javascript html css

我正在尝试将konami代码添加到我的网站。我有钥匙和一切在那里工作,但我想要完成的是当用户键入konami代码并按空间时,马铃薯(或不同的土豆)的图像将在屏幕上随机产生。在此过程中应禁用该网站,直到查看器刷新为止。

我一直在谷歌搜索,但我不确定我是否正确描述它。有谁知道如何做到这一点,或许提供一个jsfiddle或指南。

我更喜欢在Javascript中这样做。

2 个答案:

答案 0 :(得分:0)

fumction konami(){
document.onkeypress=function(){
//user pressed a key
//let the magic happen
potato=document.createElement("img");
potato.src="potato.jpg";
potato.style.left=Math.random()*90+"%";
potato.style.top=Math.random()*90+"%";
potato.style.position="fixed";
potato.style.zIndex="100";
//add to body
 document.all.body.appendChild(potato);
}
}

你说你已经实现了konami代码,所以只需这样做:

konami();

开始马铃薯行动

答案 1 :(得分:0)

        `   <script type="text/javascript">
if ( window.addEventListener ) {  
  var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];  
  window.addEventListener("keydown", function(e) {  
    if ( e.keyCode == konami[state] ) state++;  
    else state = 0;  
    if ( state == 10 )  
      <!--window.location = "http://www.teroromighty.com/site";  //you can write your own code here-->

<!--Wild Potatoes-->

input=document.getElementById("in");
length=1;
input.onkeypress=function(){
//user pressed a key
if(input.value.split(" ").length==length){
length++;
//input has a space
//let the magic happen
//repeat endless
potato=document.createElement("img");
potato.src="potato.jpg";
potato.style.left=MATH.random(0,90)+"%";
potato.style.top=MATH.random(0,90)+"%";
potato.style.position="fixed";
potato.style.zIndex="100";
//add to body
 document.all.body.appendChild(potato);
}
}
    }, true);  
}  
</script>`