Kali ini saya akan memberikan cara membuat tulisan berjalan seperti diketik,
Tapi saya sering mendengar pertanyaan seperti ini "gan, kok tulisannya ngulang dari awal lagi sih?"
nah.... saya akan menjawab pertanyaan tersebut disini ^_^
Simak sampai akhir yah :D
<script language="JavaScript">
var text ="TULIS TEKS-MU DISINI";
var delay=50;
var currentChar=5;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>"; currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=5;
destination=destinationParam; type();
}
</script> <b>
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: #000000; color: #00ff00; text-align: center; font-family: arial; font-size: 30px"></div></b> <script language="JavaScript"> javascript:startTyping(text, 50, "textDestination"); </script>
var text ="TULIS TEKS-MU DISINI";
var delay=50;
var currentChar=5;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>"; currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=5;
destination=destinationParam; type();
}
</script> <b>
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: #000000; color: #00ff00; text-align: center; font-family: arial; font-size: 30px"></div></b> <script language="JavaScript"> javascript:startTyping(text, 50, "textDestination"); </script>
Warna Merah menunjukkan Teks-mu silahkan ganti dengan Teks yang diinginkan :D
Warna Biru Tua menunjukkan Lama-nya teks mengulang ke awal lagi ( mengulang pengetikkan )
Warna Hijau menunjukkan Warna Background teks
Warna Biru Muda menunjukkan warna font
Nah.... Jika anda ingin teks-nya tidak berulang silahkan ganti saja angka 5000 ( warna biru tua ) dengan "ultimate" ( tanpa tanda kutip )
Sampai disini dulu perjumpaan kali ini,
semoga bermanfaat
Wassalamu'alaikum WR.WB ^_^
4 comments
Tulis commentskalo cara buat tampilan blognya kayak gini gimana tu ?
BalasWaduh kalo ini mah pake resep tersendiri om :v
Balaskalau mau tulisannya gantian kata katanya gimana kak?
Balashaha keren abis gan tampilan blognya
Balas