Đoạn mã JavaScript này sẽ làm cho các dòng chữ xuất hiện theo kiểu đánh máy văn bản nhưng cải tiến hơn ở chỗ nó sẽ không bắt buộc người dùng chờ để hiển thị; nghĩa là mỗi khi người dùng rê chuột vào các tiêu đề, nó sẽ lập tức hiển thị toàn bộ nội dung.

Ngoài ra mã nguồn JavaScript này còn được lập trình với các kĩ thuật OOP và DOM, rất hữu ích dành cho những ai đang quan tâm đến các kĩ thuật này.

Hãy thưởng thức thêm các hiệu ứng JavaScript tạo chữ đánh máy tuyệt đẹp khác trên jsB@nk:

- Chữ chạy kiểu đánh máy với sự kiện onClick
- Chữ động kiểu gõ phím
- Chữ cuộn kiểu đánh máy
- Chữ kiểu đánh máy và di chuyển

Với đoạn mã JavaScript này, chúng ta có thể dễ dàng tạo ra hiệu ứng chữ chạy kiểu đánh máy khi người dùng nhấn vào các vùng chứa chữ. Hiệu ứng này cung cấp 3 cách thức để tạo chữ chạy: thêm mới vào một khu vực có trước, thay mới hoàn toàn và lập lại thao tác chạy.

Bộ chuyển đổi độ lớn phông chữ cho phép khách truy cập của bạn có thể dễ dàng thay đổi độ lớn của chữ trên trang web chỉ thông qua một cú nhấn chuột. Hiệu ứng này sẽ dùng cookie để lưu trữ thông tin mỗi khi người dùng thay đổi, đoạn mã rất dễ cài đặt và chỉnh sửa cùng với một giao diện sinh động và bắt mắt bởi việc dùng các hình ảnh.

Thêm một đoạn mã nữa để tạo hiệu ứng chữ động giống như đang đánh máy, việc cài đặt rất đơn giản, bạn chỉ việc cung cấp cho hiệu ứng ID của đối tượng chứa; hiệu ứng cũng cho phép ta sử dụng mã HTML cho phần nội dung.

Hiệu ứng này sẽ giúp bạn làm chớp giật một số đoạn chữ (có thể bao gồm hình ảnh); hiệu ứng cho phép bạn thay đổi một vài thông số như tốc độ, kích thước, tần số chớp giật,... Ngoài ra, mã nguồn hiệu ứng tương thích chuẩn W3C và còn cho phép bạn sử dụng cả mã HTML.

Một hiệu ứng chạy trông như các quảng cáo bằng đèn LED nhiều màu mà ta thường thấy ở các đô thị lớn. Hiệu ứng không dùng phông chữ và chỉ dùng hình ảnh để hiển thị các kí tự.

Bạn cũng có thể xem thêm hiệu ứng chữ chạy tương tự là Quảng cáo bằng đèn LED

Đoạn mã này là một cách thông minh để ẩn một phần đối với các đoạn văn bản dài trên trang web, sau đó thêm một liên kết cho phép người dùng ẩn/hiện đoạn văn bản đầy đủ. Đoạn mã này cho phép bạn chọn chiều dài của đoạn văn bản cần ẩn đi trong toàn bộ vùng văn bản.

Hiệu ứng sẽ quét và làm nổi bật một chuỗi thông điệp nào đó theo từng kí tự, tương tự như các hiệu ứng chữ karaoke đã có trên [email protected], nhưng độc đáo và bắt mắt hơn; bởi hiệu ứng JavaScript này có thể áp dụng cho cả liên kết.

Hiệu ứng làm cho đoạn text do bạn chỉ định sẽ tự động co dãn liên tục.

Một đoạn mã JavaScript khác để làm cho chữ cuộn tự động. Chức năng của hiệu ứng khá đơn giản. Một đối tượng <div> chứa đoạn text cần cuộn và người dùng nhấn chuột vào đoạn text để cuộn nó, tốc độ cuộn có thể thay đổi bằng các phím [ và ].