List

금요일, 4월 01, 2016

jquery - animate()

  • animate() - 객체의 크기를 변경하거나 위치를 이동시키는 에니메이션 메서드
    • 속성값 {  option , duration , complete}  
      • left , top , height , width - 크기,위치를 변경
      • duration - 에니메이션에 걸리는 시간
      • complete - 에니메이션이 완료되고 나서 실행될 함수
        • queue - 다른 에니메이션과 중복 실행 여부 판단 - boolean type
1
2
3
4
5
6
7
8
9
10
11
12
     $clone.animate({left:"+="+leftDis},function(){
                        
                        //이동한 객체는 에니메이션 종료 후 삭제
                        $(this).remove();
                        
                        //완료될시 모든 객체를 보여줌
                        $contain.children().css("visibility","visible");        
                    });
                    $clone.animate(
                            {top:"+="+topDis},
                            {queue:false}
                    );   
cs

댓글 없음:

댓글 쓰기