프론트엔드-코드/JQuery

슬라이드 애니메이션

sdafdq 2023. 7. 20. 12:48
$(document).ready(function(){
  setInterval(function(){
    $('#slide > ul').animate({
      left:'-1200px'
    },1000,function(){
      $(this).append($(this).children().eq(0));
      $(this).css({
        left:'0'
      })
    });
  },2000);
});

여기서 animate의 콜백함수 자리에 css({})가 들어간거라, 보통 이런 건 설정으로 쓰여짐.

 

원래는 보통 jquery라도 css({}) 이거는 이동하거나 변경해주는건데, animate 콜백으로 들어가서 다른 듯.

'프론트엔드-코드 > JQuery' 카테고리의 다른 글

html()  (0) 2023.07.24
메소드  (0) 2023.07.21
탐색 선택자  (0) 2023.07.18
가시성 필터  (0) 2023.07.17
toggleClass  (0) 2023.07.14