您在这里: start » arcade-games » 96_flag_rally

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

--- arcade-games:96_flag_rally [2025/01/06 03:31] – wyrover
+++ arcade-games:96_flag_rally [2025/01/06 04:50] (当前版本) – wyrover
@@ 行 2: / 行 2: @@
 <html>
-<style> .container { position: relative; width: 580px; height: 450px; } .image { width: 100%; height: 100%; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.6); color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } </style> <div class="container"> <img src="YOUR_IMAGE_URL" class="image" alt="Image"> <button class="play-button" onclick="loadIframe()">PLAY</button> </div> <div id="iframeContainer"></div> <script type="text/javascript"> function loadIframe() { var iframe = document.createElement('iframe'); iframe.src = 'YOUR_IFRAME_URL'; iframe.width = '580'; iframe.height = '450'; var container = document.querySelector('.container'); container.parentNode.replaceChild(iframe, container); } </script>
+<style>
+  .container {
+    position: relative;
+    width: 600px;
+    height: 450px;
+  }
+  .image {
+    width: 100%;
+    height: 100%;
+  }
+  .play-button {
+    position: absolute;
+    bottom: 20%;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    background-color: rgba(0, 0, 0, 0.6);
+    color: white;
+    border: none;
+    padding: 20px 180px;
+    cursor: pointer;
+    font-size: 96px;
+  }
+</style>
+<div class="container">
+  <img src="/_media/arcade-games/2025-01-06_12-48-51.png" class="image" alt="Image">
+  <button class="play-button" onclick="loadIframe()">PLAY NOW</button>
+</div>
+<div id="iframeContainer"></div>
+<script type="text/javascript">
+  function loadIframe() {
+    var iframe = document.createElement('iframe');
+    iframe.src = 'https://www.retrogames.cc/embed/33038-96-flag-rally.html';
+    iframe.width = '600';
+    iframe.height = '450';
+    iframe.frameBorder = 'no';
+    iframe.allowFullscreen = true;
+    iframe.webkitallowfullscreen = true;
+    iframe.mozallowfullscreen = true;
+    iframe.scrolling = 'no';
+    var container = document.querySelector('.container');
+    container.parentNode.replaceChild(iframe, container);
+  }
+</script>
 </html>
 {{tag>}}
 ~~DISCUSSION~~