Text Highlight Animation Plugin happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 텍스트효과 > Text Highlight Animation Plugin 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

Text Highlight Animation Plugin

해피팀

네티즌

소스분류

텍스트효과

다운로드 횟수

50 회

간단설명

jQuery 를 이용하여 텍스트에 강조효과를 줄 수 있습니다. 더불어 이 강조효과는 애니메이션 효과 형태로 보여 집니다.

평가하기

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 의 자료 입니다.