Chữ chạy kiểu đánh máy cho blogspot

Chữ chạy cho blogspot
Xin giới thiệu đến các bạn một thủ thuật khá hay và cũng khá đẹp mắt.

Đó là việc tạo ra các dòng chu tự động chay như kiểu chúng ta đánh máy.

Thủ thuật này sử dụng Javascript để tạo hiệu ứng. 

Nếu bạn thấy thích thú với thủ thuật này thì hãy xem các bước thực hiện bên dưới.

Demo: Bạn có thể check code tại đây
Code :

<script language="JavaScript1.2">var line=new Array() line[1]="Chào bạn đến với 4 Phương Computer" line[2]="Bạn sẽ tìm thấy nhiều điều thú vị" line[3]="Chúc bạn một ngày vui vẻ" line[4]="Hãy là người đầu tiên khám phá" var ts_fontsize="16px" var longestmessage=1 for (i=2;i<line.length;i++){ if (line[i].length>line[longestmessage].length) longestmessage=i } var tscroller_width=line[longestmessage].length lines=line.length-1 if (document.all||document.getElementById){ document.write('<form name="bannerform"> ') document.write('<input type="text" name="banner" size="'+tscroller_width+'"') document.write(' style="width:500px; background-color:#0000ff; color: #fff; font-family: verdana; font-size: 15px; font-weight:bold; border: 1px solid #ff6600;" onfocus="blur()">') document.write('</form> ') } temp="" nextchar=-1; nextline=1; cursor="\\" function animate(){ if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){ nextline++; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",3000)} else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){ nextline=1; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",3000)} else{ nextstep()}} function nextstep(){ if (cursor=="\\"){ cursor="|"} else if (cursor=="|"){ cursor="/"} else if (cursor=="/"){ cursor="-"} else if (cursor=="-"){ cursor=""} nextchar++; temp+=line[nextline].charAt(nextchar); document.bannerform.banner.value=temp+cursor setTimeout("animate()",300)} //if IE 4+ or NS6 if (document.all||document.getElementById) window.onload=animate </script>

Nhớ chỉnh sửa lại cho phù hợp với blog của bạn . Chúc bạn thành công!