[html] 깜빡이는 글자, 이미지 예제
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Animation</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <div id="flicker" style=" width:200px; height:200px; background-color: #ff0000;"></div> <script type="text/javascript"> /** * 깜빡이는 예제 * flicker라는 Id를 가진 엘리먼트에 7개의 애니메이션 함수를 적용하였습니다. * 7개의 visual effect는 실행 대기열에 쌓여서 앞의 애니메이션 함수가 끝난후에 바로 동작을 합니다. */ $("#flicker").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(); </script> </body> </html> |
[출처] https://kssong.tistory.com/36
'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글
[JavaScript] checkbox 선택시 바로 이벤트 발생 (0) | 2021.07.15 |
---|---|
JavaScript 에서 refresh 없이 PHP 파일 실행하기 (0) | 2021.07.01 |
마우스 오버 이미지 미리보기 (썸네일 확인) (0) | 2020.07.22 |
jQuery 한글/영어 byte 체크해서 자르기 (0) | 2020.07.15 |
페이지 로딩 완료 후 alert 출력하기 (0) | 2020.07.04 |