공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/jQuery

.animate - 움직이기

serpiko 2013. 10. 13. 22:46

 

 

 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
 
$("#image").animate({opacity:0},0);
$("#image").animate({opacity:1},600);

$( "#go2" ).click(function(){
$( "#block2" ).animate({ width: "90%" }, 1000 )
    .animate({ fontSize: "24px" }, 1000 )
    .animate({ borderLeftWidth: "15px" }, 1000 );
});

$( "#go" ).click(function(){
$( ".block:first" ).animate({
    left: 100
  }, {
    duration: 1000,
    step: function( now, fx ){
      $( ".block:gt(0)" ).css( "left", now );
    }
  });
});

 

실무코드)

1
 
$(".img00_05").stop().delay(1000).animate({opacity:1,top:_posyArr[_activeNum][5]},_speed,"easeOutExpo",function(){_isPlay = false;});

 

* source : http://api.jquery.com/

 

저작자표시 비영리 변경금지

'■ 프론트엔드 ■ > jQuery' 카테고리의 다른 글

xml - 파싱1  (0) 2013.10.13
mouseenter, mouseleave - 마우스 진입, 벗어남 감지  (0) 2013.10.13
.height() - 높이값  (0) 2013.10.13
.removeClass - 클래스제거  (0) 2013.10.13
attr() - 속성제어 실제코드  (0) 2013.10.13
댓글