CARA MEMBUAT TEXT ANIMASI DAN SEPERTI NGETIK SENDIRI

Sebuah postingan kali ini saya akan menjelaskan bagaimana membuat text animasi dan tampak seperti ngetik sendiri, kalo sobat masih bingung apa maksud dari postingan saya kali ini, sobat bisa peraktek sendiri.
copy kode di bawah dan simpan di gadget  HTML/ JavaScript.

<form name="news"><div align="center"><textarea cols="50" name="news2" rows="1" wrap="virtual"></textarea>

</div></form><script language="javascript">

var newsText = new Array();

newsText[0] = "Blog Urang Sunda (c)|2011|by theant Budiana";

newsText[1] = "Contoh tulisan yg ngetik sendiri";

newsText[2] = "silahkan praktek sendiri biar tau seperti apa jadinya";

var ttloop = 1;

var tspeed =70;

var tdelay = 1000;

var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {

mxText = newsText.length - 1;

dwAText = newsText[cnews];

setTimeout("addChar()",1000)

}

function addNews() {

cnews += 1;

if (cnews <= mxText) {

dwAText = newsText[cnews];

if (dwAText.length != 0) {

document.news.news2.value = "";

eline = 0;

setTimeout("addChar()",tspeed)

}

}

}

function addChar() {

if (eline!=1) {

if (cchar != dwAText.length) {

nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);

document.news.news2.value = nmttxt;

cchar += 1;

if (cchar != dwAText.length) document.news.news2.value += "|";

} else {

cchar = 0;

eline = 1;

}

if (mxText==cnews && eline!=0 && ttloop!=0) {

cnews = 0; setTimeout("addNews()",tdelay);

} else setTimeout("addChar()",tspeed);

} else {

setTimeout("addNews()",tdelay)

}

}

doNews()

</script>

Nah sobat ganti kode warna merah dengan kata-kata sobat dengan tulisan yang akan tampil nantinya. Selamat bereksperimen, lihat juga postingan yang lainnya yah sob? dan jangan lupa berkomentar.

Theant Budiana

About the Guest Author:
Saya bukanlah orang yang ahli dalam dunia blogger tapi saya mencoba untuk berbagi ilmu dari apa yang saya ketahui dari paman saya, saya sangat suka blogging dan berbagi ilmu, tapi bukan berarti saya master blog salah besar jika sobat anggap saya hebat saya hanya seorang anak kampung yang mencoba untuk tidak kampungan dan tertinggal informasi alias GAPTEK, banyak artikel yang saya tulis di Blog Urang Sunda dan lihat juga blog saya satu lagi di Dunia Maya Saya dan klik disini untuk mengetahui lebih lanjut tentang saya

Kindly Bookmark this Post using your favorite Bookmarking service:

warning

Anda bingung?
Jangan ragu untuk bertanya kepada saya lewat komentar di bawah, saya akan mencoba menjawabnya sesegera mungkin, bahkan jika sobat ada saran untuk saya silahkan jangan ragu untuk memberi saran kepada saya asalkan komentar no spam. Komentar anda, adalah bekal untuk kemajuan blog saya, saya akan kunjungi balik blog sobat jika sobat meninggalkan jejak sobat disini.