Đây là hiệu ứng nhấn từng chữ lên màn hình, giống như kiểu người ta đang đánh máy với thời gian thực. Code này mình sưu tầm từ một site ấn độ. Theo mình để có hiệu ứng đánh máy như thế này, AE phải thêm thư viện jquery vào site thì có vẻ hơi "tốn đất". AE nên áp dụng thủ thuật này khi mà site đã có file jquery đang áp dụng cho tính năng khác. Như vậy để tận dụng jquery.

Mô tả: Code jquery tạo hiệu ứng đánh máy thời gian thực với nội dung được định sẵn như: chữ, số, ký tự đặc biệt, .. (không hoạt động với code). Khi chuyển sang tab trình duyệt khác hiệu ứng sẽ tự động dừng, khi trở lại tab sẽ tiếp tục hiệu ứng.

Demo:


Cách thực hiện: Copy code sau, sửa nội dung và dán vào nơi thích hợp:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <style> .typewrite{ font-size: 20px;} .typing-cursor{ position: relative; display: inline-block; width: 8px; text-indent: -999em; background: #ccc;} </style> <script> $(document).ready(function(){ //get the content var content = $('.typewrite').html(); //find the length of the content var contentLength = content.length; var char = 0; $('.typewrite').html('<span class="typing-cursor">|</span>'); //Here is the function (function typeFunc() { //dynamic delay to get the typewriting feel var typingSpeed = Math.round(Math.random() * 120) + 60; setTimeout(function() { char++; var type = content.substring(0, char); $('.typewrite').html(type + '<span class="typing-cursor">|</span>'); //recursive typeFunc(); }, typingSpeed); }()); }); </script> <div class="typewrite"> Những dòng chữ viết theo kiểu đánh máy! AECK <br/> Những dòng chữ viết theo kiểu đánh máy! AECK <br/> Những dòng chữ viết theo kiểu đánh máy! AECK <br/> Những dòng chữ viết theo kiểu đánh máy! AECK <br/> </div>

Chúc thành công!