[jQuery] animate()

HTML&CSS&JavaScript/jQuery

[jQuery] animate()

커밍이즈스프링 2021. 11. 29. 11:17

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
      type="text/javascript"
      src="http://code.jquery.com/jquery-latest.min.js"
    ></script>

    <title>Document</title>
  </head>
  <body>
    <img
      src="./image/dinos.jpeg"
      alt="공룡"
      id="dog"
      width="1000"
      height="500"
      style="position: relative"
      <!--
      position이
      static이면
      이동이
      되지
      않는다.
      --
    />
    />
    <br />
    <button>animate()</button>
    <script>
      $(document).ready(function () {
        $("button").click(function () {
          $("#dog").animate({ left: "500px" }, "slow");
        });
      });
    </script>
  </body>
</html>