반응형
[jQuer] 움직이는 애니메이션
animate.html |
| <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>움직이는 애니메이션</title> <style text="type/css"> div { background-color:orange; width:150px; height:150px; position:relative; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#btn").click(function() { jQuery("div").animate({left:"600"},3000).animate({left:"0"},3000); }); }); </script> </script> </head> <body> <h1>애니메이션</h1> <hr/> <div></div> <button type="button" id="btn">이동</button> </body> </html> |
| 출력결과 |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] Datepicker(캘린더) 위치 수정 (0) | 2017.03.21 |
|---|---|
| [jQuery] 이미지 슬라이드 만들기 (0) | 2016.11.23 |
| [jQuery] 이미지 출력 및 숨기기 (0) | 2016.01.03 |
| [jQuery] 움직이는 이미지 (0) | 2016.01.03 |
| [jQuery] 무한 스크롤 이벤트 (0) | 2016.01.03 |
