Animation in der eine Biene auf einer Blume landet und nach ein paar Sekunden wieder fortfliegt. Nutze passende Piktogramme. Gib keine Erklärungen, nur den Code.'s game

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

No:30755

202

←

Prev Next

→

Animation in der eine Biene auf einer Blume landet..ALL
Developer User14077｜Date and time 23/12/24 2:14:10
Build time 7.331 sec｜Game capacity 1.254KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Bienen-Animation</title>
  <script>
    // Define the main function to start the animation
    function animateBee() {
      // Get the flower element and bee element
      var flower = document.getElementById("flower");
      var bee = document.getElementById("bee");

// Land the bee on the flower
      bee.style.top = flower.offsetTop + "px";
      bee.style.left = flower.offsetLeft + "px";

// After 3 seconds, make the bee fly away
      setTimeout(flyAway, 3000);
    }

// Function to make the bee fly away
    function flyAway() {
      var bee = document.getElementById("bee");

// Remove the bee from the flower
      bee.style.top = "-100px";
      bee.style.left = "-100px";
    }
  </script>
  <style>
    .container {
      position: relative;
      width: 300px;
      height: 300px;
    }
  </style>
</head>
<body>
  <div class="container">
    <img id="flower" src="flower.png" alt="Flower" style="position: absolute; top: 100px; left: 100px;">
    <img id="bee" src="bee.png" alt="Bee" style="position: absolute; top: -100px; left: -100px;">
  </div>