[제이쿼리] 2. jQuery animate();

*jQuery코드를 작성해주세요!!

*변경후 Reset 버튼 클릭!!

<!DOCTYPE html>
<head>
<style>

#box1{
height:100px;
width:100px;
background:blue;
position:absolute;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){

$("#box1").click(function() {
$(this).animate({left: '150px'});

});
});
</script>
</head>
<br>
<br>
 <div id="box1"></div>

 </body>
 </html>

= 네모를 클릭해보시면 150px만큼 이동합니다.. animate();

저작자표시

'배워보자!! > jQuery' 카테고리의 다른 글

[제이쿼리] 5. jQuery 배열(array) (0)	2015.02.12
[제이쿼리] 4. Jquery css() 메서드 (0)	2015.02.12
[제이쿼리] 3. jQuery event(pageX , pageY ) (0)	2015.02.10
[제이쿼리] 1. jQuery click() , slideUp(); (0)	2015.02.03

행복하자요!!

[제이쿼리] 2. jQuery animate();

'배워보자!! > jQuery' 카테고리의 다른 글

댓글

티스토리툴바

[제이쿼리] 2. jQuery animate();

'배워보자!! > jQuery' 카테고리의 다른 글

관련글

댓글

티스토리툴바