Sonic The Hedgehog Jumps Over The Lazy Rabbit's game

Click here for free DL of the app version that can save data.

No:29961

←

Prev Next

→

Sonic The Hedgehog Jumps Over The Lazy Rabbit
Developer User14673｜Date and time 23/12/20 3:17:29
Build time 5.482 sec｜Game capacity 1.077KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Sonic The Hedgehog Jumps Over The Lazy Rabbit</title>
  <style>
    body {
      background-color: #FFF;
      text-align: center;
      margin: 0;
      padding-top: 20%;
      font-family: Arial, sans-serif;
    }
    
    #sonic {
      width: 100px;
      position: relative;
    }
    
    #rabbit {
      width: 100px;
      position: relative;
      top: 10px;
      display: none;
    }
  </style>
</head>
<body>
  <img id="sonic" src="sonic.png" alt="Sonic The Hedgehog">
  <img id="rabbit" src="rabbit.png" alt="Lazy Rabbit">
  
  <script>
    var sonic = document.getElementById("sonic");
    var rabbit = document.getElementById("rabbit");
    
    // Function to make Sonic jump
    function jump() {
      sonic.style.top = "120px";
      setTimeout(land, 500);
    }
    
    // Function to make Sonic land after a jump
    function land() {
      sonic.style.top = "0px";
      rabbit.style.display = "block";
    }
    
    // Trigger the jump when the page is loaded
    window.onload = jump;
  </script>
</body>
</html>