ztype一款打字小游戏iframe全屏自适应嵌套示例back

发布于 2020-04-23  1.9k 次阅读  共 633 字


ztype介绍

ZType 是一款打飞机游戏。每架敌机上都有一个单词,你需要准确地输入单词的每一个字母,才可以将敌机击败。敌机的速度有快有慢,你需要衡量每次输入哪个单词可以让你缓解眼前之急。而当你真的快没有办法被敌机击沉时,可以点击右下角的六边形来放出大招,击沉你周边的敌机,算是可以暂时缓解一下紧急状况吧。

自适应 iframe 示例 代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZType</title>
<style>
body{
  margin:0; 
  padding:0; 
  overflow-y:hidden
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript"> 
window.onerror=function(){return true;} 
$(function(){ 
  headerH = 0;  
  var h=$(window).height();
  $("#iframe").height((h-headerH)+"px"); 
});
</script>
</head>
<body>
<iframe id="iframe" frameborder="0" src="https://zty.pe/" style="width:100%;"></iframe>
</body>
</html>