코드 jQuery TypeIt을 사용하여 텍스트 애니메이션 입력하기

그만큼 jQuery와 텍스트의 결합 웹에 한계가 없습니다. 독창성과 올바른 JavaScript 라이브러리로 거의 모든 것을 구축 할 수 있습니다..

그러한 라이브러리 중 하나는 이것을 입력해라, 무료 jQuery 플러그인으로 빌드되었습니다. 그것은 당신이 만들 수 있습니다 동적 타이핑 애니메이션 저것은 믿을 수 없을만큼 현실적으로 본다. 키 스트로크 사이에 사용자 정의 포즈를 정의하여 애니메이션을위한 자신 만의 여유를 만들 수도 있습니다.

TypeIt은 100 % 무료이며 오픈 소스이며, jQuery 커뮤니티 용 텍스트 도구. 모든 문서는 온라인에서 볼 수 있으며 따라하기 쉽습니다..

그러나 TypeIt에는 무료 개인 면허, 상업 라이센스는 유감스럽게도 비용이 든다. 그러나 무료 개인 라이센스는 영원히 사용할 수 있습니다. 만료되지 않음, 모든 개인 프로젝트 또는 개인 웹 사이트를위한 훌륭한 리소스입니다..

시작하실 수 있습니다. CDN을 통해 원시 TypeIt JavaScript 파일 추가 귀하의 페이지 머리글 바로. 그런 다음 jQuery를 추가하고 텍스트를 작성한 다음 모두 연결하십시오. 단순한!

일반적으로 페이지에서 특정 div를 타겟팅하십시오. 텍스트 애니메이션 용 컨테이너로 사용하십시오. 여기에 샘플 코드 스 니펫 어떻게 작동하는지 보여주기 위해 :

 $ ( '. type-it'). typeIt (strings : [ '이것은 내 문자열입니다.'])); 

으로 사용자 지정 옵션 전달 ~로 이것을 입력해라() 기능을 사용하면 입력 속도가 느려지고 특정 간격으로 일시 중지가 추가되며 일정한 간격으로 설정이 재설정되어 입력 속도가 중간 애니메이션으로 바뀝니다.

너는 심지어 이 옵션들을 테스트해라. 플러그인 페이지에서 설정을 가지고 놀면서 시간을 보내고 싶다면.

이 텍스트 애니메이션 빌더는이 플러그인으로 할 수있는 것의 완벽한 예입니다. 웹 앱을 만들 수있는 많은 맞춤 옵션이 제공됩니다., 이 플러그인 사용, 에 실시간으로 애니메이션을 만들 수 있습니다.!

기본 플러그인 페이지에서 고급 옵션 복사 할 수있는 코드 스 니펫이있는 아래쪽으로.

그래서, TypeIt을 다운로드하고 그것을 줘! 일단 당신이 그것을 얻으면 그것은 정말로 많은 재미입니다. 개발자를위한 질문이나 제안 사항이 있으면 Twitter @amacarthur에서 그 사람과 연결할 수 있습니다..