반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 웹예제
- NFT개발
- html5예제
- 서버
- html5포트폴리오예제
- PostgresSQL
- html5배경만들기
- NFT솔라나
- grpc
- 솔라나
- NFT
- nft예제
- 솔라나cookbook
- 포트폴리오예제
- 이중화
- html5디자인예제
- html5기초
- html5popup
- html5웹디자인예제
- html5웹디자인
- html5기초예제
- pgpool
- HTML5
- html5글자효과
- 웹디자인예제
- 포트폴리오
- 솔라나개발
- solanaNFT
- 웹디자인
- 솔라나NFT
Archives
- Today
- Total
Scikit Web
명언 자동 재생 예제 본문
728x90
반응형
명언들을 자동으로 재생하는 예제 입니다.
jQuery 와 animate.css를 사용하였으며 animate.css 를 재 실행 하기 위해
글자를 새로 설정하고 너비를 읽는 것으로 변화를 감지하게 하여 새로운 애니메이션 이벤트가 실행 되도록 합니다.
$("#quotes").text(quotes[idx]);
$("#sources").text(sources[idx]);
// triger
$("#quotes").width();
$("#sources").width();
사용 예
728x90
반응형
'웹디자인 고급 > HTML5' 카테고리의 다른 글
popup 부모 자식간 통신 정리 - 팝업 통신 (0) | 2022.06.29 |
---|---|
Html5 text effect - Lettering JS 예제 (0) | 2022.06.26 |
017 - 팝업 기본 디자인 예제 (0) | 2022.06.09 |
016 - 아코디언 메뉴 (accordion menu) ionic style (0) | 2022.06.08 |
015 - Bootstrap Icons 예제 (0) | 2022.06.06 |
Comments