Scikit Web

명언 자동 재생 예제 본문

웹디자인 고급/HTML5

명언 자동 재생 예제

Keun0 2022. 6. 25. 08:22
728x90
반응형

명언들을 자동으로 재생하는 예제 입니다.

 

jQuery 와 animate.css를 사용하였으며 animate.css 를 재 실행 하기 위해 

 

글자를 새로 설정하고 너비를 읽는 것으로 변화를 감지하게 하여 새로운 애니메이션 이벤트가 실행 되도록 합니다.

$("#quotes").text(quotes[idx]);
$("#sources").text(sources[idx]);
        
// triger
$("#quotes").width();
$("#sources").width();

사용 예

See the Pen 명언 생성기 예제 by Keun (@kwyuk) on CodePen.

728x90
반응형
Comments