text 페이드인,아웃 효과 (fade-in, fade-out)

    <div class=" quotes">
        안녕하세요.
    </div>

    (function() {
    
    var quotes = $(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
      ++quoteIndex;
      quotes.eq(quoteIndex % quotes.length)
        .fadeIn(1000)
        .delay(1000)
        .fadeOut(1000, showNextQuote);
    }
    
    showNextQuote();
    
    })();

    'Javascript' 카테고리의 다른 글

    스크롤(scroll)시 head/상단에 class 추가  (0) 2024.02.14
    swiper 슬라이드 호버시 멈춤  (0) 2023.11.24
    주소복사 버튼  (0) 2023.11.09
    button 클릭 시 텍스트 복사  (0) 2023.11.01