텍스트 입력 및 삭제 애니메이션

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > 텍스트 입력 및 삭제 애니메이션 - animateTyping.js 상세정보

클라우드태그

Javascript

PHP

css

HTML

asp

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 33명

텍스트 입력 및 삭제 애니메이션 - animateTyping.js

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

49 회

간단설명

animateTyping.js는 컨테이너 요소 내에서 텍스트의 입력 및 삭제 애니메이션으로 타자기 효과를 내는 Jquery 플러그인입니다.

평가하기

- 라이센스

MIT

- 작동 브라우저

Chrome, IE 9 이상, FireFox, Opera, Safari

- 사용 방법

1. 파일 상단에 JQuery 라이브러리와 jquery.animateTyping.js 파일 링크를 걸어줍니다.

2. 객체에 animate-typing 속성을 부여하고 문구를 입력하면 플러그인이 나머지를 알아서 처리합니다.

3. 여러 줄의 문구를 입력하고 삭제하는 애니메이션을 구현하려면 간단하게 여러줄을 입력하면 됩니다.

4. data-animate-loop 속성으로 입력/삭제 애니메이션을 반복할 수 있습니다.

5. 다음과 같이 애니메이션 속도 및 지연(delay)를 설정할 수 있습니다.

6. data-cursor-speed 속성으로 입력/삭제시 문구 끝에 커서가 깜빡이는 속도를 설정할 수 있습니다.

- 작동 예제

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.