정보실

웹학교

정보실

jQuery jQuery animation move 예...

본문

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

div {

  position: relative;

  left: 0;

  top: 0;

  width: 10px;

  height: 10px;

  background-color: blue;

}

</style>

<script

  src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">

  $(function() {

    $(document).click(function(event) {

      $("div#box").animate({

        left : '+=100px'

      }, 200);

    });

  });

</script>

</head>

<body>

  <div id="box"></div>

</body>

</html> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 258회 ]  작성일15-06-12 00:06

웹학교