Thủ thuật chữ chạy dạng đánh văn bản
Trước đây mình đã có dịp giới thiệu đến các bạn một thủ thuật "Chữ chạy kiểu gõ văn bản". Với thủ thuật trước thì có một hạn chế nhỏ là các dòng text chữ chạy ra từng chập chứ không thể gõ một đoạn văn bản dài được. Chính vì những hạn chế đó mình xin giới thiệu thêm cho các bạn một thủ thuật mới này. Thủ thuật này cũng là chữ hiển thị kiểu đánh máy nhưng bạn có thể dùng để đánh cho một đoạn văn bản khá dài. Nó chỉ khác thur thuật trước ở độ dài của văn bản còn cách đánh chữ không khác biệt nhiều lắm. Bạn hãy xem demo bên dưới.
1. Đăng nhập vào tài khoản blogspot
2. Vào thiết kế và chọn chỉnh sửa HTML
3. Thêm code bên dưới vào sau thẻ <head>
<script src='http://data-traidatmui.appspot.com/scripts/typing_text.js' type='text/javascript'/>
4. Save template lại và trở về phần tử trang thêm phần tử Javascript/HTML
5. Thêm code bên dưới vào phần tử HTML ở trên
<div id="text">
Nội dung của bạn
</div>
<script type="text/javascript">
new TypingText(document.getElementById("text"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
TypingText.runAll();
</script>
Nội dung của bạn
</div>
<script type="text/javascript">
new TypingText(document.getElementById("text"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
TypingText.runAll();
</script>
Thay dòng chữ màu đỏ đậm ở trong code thành nội dung bạn muốn hiển thị.
6. Cuối cùng save lại xem kết quả là xong
Chúc bạn thành công
Nguồn: In4mau.blogspot.com
Không có nhận xét nào: