Nhập mã hoạt hình văn bản với jQuery TypeIt
Các kết hợp của jQuery và văn bản không có giới hạn trên web. Bạn có thể xây dựng hầu hết mọi thứ với một chút sáng tạo và các thư viện JavaScript phù hợp.
Một thư viện như vậy là Gõ nó, được xây dựng như một plugin jQuery miễn phí. Nó cho phép bạn tạo hình động gõ Trông thật vô cùng thực tế. Bạn thậm chí có thể xác định tạm dừng tùy chỉnh giữa các lần nhấn phím để xây dựng sự nới lỏng của riêng bạn cho hoạt hình.
TypeIt là 100% miễn phí và là nguồn mở, được xây dựng như một công cụ văn bản cho cộng đồng jQuery. Tất cả các tài liệu có sẵn trực tuyến và cực kỳ dễ làm theo.
Tuy nhiên, chỉ cần lưu ý rằng trong khi TypeIt đi kèm với một giấy phép cá nhân miễn phí, Thật không may, giấy phép thương mại làm, không may, chi phí tiền. Nhưng, bạn có thể sử dụng giấy phép cá nhân miễn phí mãi mãi và nó không bao giờ hết hạn, vì vậy nó là một nguồn tài nguyên tuyệt vời cho tất cả các dự án cá nhân của bạn hoặc thậm chí trang web cá nhân của bạn.
Bạn có thể bắt đầu bằng thêm tệp JavaScript TypeIt thô qua CDN ngay đến tiêu đề trang của bạn. Sau đó thêm jQuery, viết một số văn bản và kết nối tất cả lại với nhau. Đơn giản!
Thông thường, bạn sẽ nhắm mục tiêu một div cụ thể trên trang và sử dụng nó như một thùng chứa cho hình ảnh động văn bản. Đây là một đoạn mã mẫu để cho bạn thấy làm thế nào điều này hoạt động:
$ ('. type-it'). typeIt (chuỗi: ['Đây là chuỗi của tôi!']); Bởi vượt qua các tùy chọn tùy chỉnh để gõ nó() chức năng, bạn có thể làm chậm tốc độ gõ, thêm tạm dừng tại các khoảng thời gian nhất định và thậm chí đặt lại cài đặt theo các khoảng thời gian nhất định để thay đổi tốc độ gõ giữa hoạt hình.
Bạn có thể kiểm tra các tùy chọn này trên trang plugin nếu bạn sẵn sàng dành thời gian chơi đùa với các cài đặt.
Trình xây dựng hoạt hình văn bản này là ví dụ hoàn hảo về những gì bạn có thể làm với plugin này. Bạn nhận được rất nhiều tùy chọn tùy chỉnh mà thậm chí bạn có thể xây dựng một ứng dụng web, sử dụng plugin này, đến tạo hình ảnh động khi đang bay!
Trên trang plugin chính, bạn cũng sẽ tìm thấy tùy chọn nâng cao hơn phía dưới cùng với đoạn mã bạn có thể sao chép.
Vì vậy, tải xuống TypeIt và cho nó một shot! Một khi bạn làm cho nó hoạt động, nó thực sự rất nhiều niềm vui. Và, nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào cho nhà phát triển, bạn có thể kết nối với anh ấy trên Twitter @amacarthur.
