[해피CGI][cgimall] Text Highlight Animation Plugin

jQuery 를 이용하여 텍스트에 애니메이션 형태의 강조 효과를 주는 플러그인 입니다.

 

 

사용방법은 매우 심플 합니다.


1. 라이브러리 호출 합니다.

<script type="text/javascript" src=https://code.jquery.com/jquery-3.4.1.min.js></script>
<script type="text/javascript" src="js/jquery.marker-animation.min.js"></script>

2. 컨텐츠 구성

Hello, Dolly <span class="marker-animation">Well, hello, Dolly</span> Hello, Dolly

marker-animation class 로 강조효과를 주고 싶은 텍스트를 감싸 주세요.


3. 플러그인 실행

<script>
    $('.marker-animation').markerAnimation();
</script>

npm 버젼의 경우 여러가지 옵션을 제공하지만 현재 등록된 첨부파일은 npm 버젼과는 다른 버젼임을 참고 해주세요.
( Color, thickness, duration, delay, font_weight, repeat, stripe )

npm 버젼 사용하시길 희망하시는 경우 아래의 GIT 에서 확인하시기 바랍니다.
https://github.com/technote-space/jquery.marker-animation#options


MIT License 의 자료 입니다.