Kamis, 01 November 2012

You are here : Home » Ketagihan Javascript 2 » Cara Membuat Teks Mengembang

Cara Membuat Teks Mengembang

Seperti apa teks mengembang itu ??

Untuk demonya, silahkan lihat di sini. Bagaimana Agan tertarik ?? Silahkan salin kode berikut ke dalam blog Agan. Sangat simpel.

<center>
<script language="javascript" type="text/javascript">
/* Script  oleh : http://ketagihanbaca.blogspot.com/ */
<!-- Begin
var speed = 100;
var cycledelay = 2000;
var maxsize = 28;

var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}
var themessage2 = new initArray(

"Hei Selamat datang",
"Selamat menikmati blog sederhana kami",
"Jangan lupa tinggalkan jejak",
"Salam blogger !!"
);

document.write('<span id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);

wdss=document.getElementById('wds');

wdss.innerHTML = "<center>"+themessage+"</center>";
wdss.style.fontSize=x+'px'
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}


wdss.innerHTML = "<center>"+themessage+"</center>";
wdss.style.fontSize=x+'px'
}
setTimeout("upwords()",speed);
//  End -->
</script>
</center>


Ganti pesan teks yang ada dengan teks dari Agan.

5 komentar:

  1. sangat mantap sobat
    lumayan juga tambah ilmu nih
    terimam kasih

    BalasHapus
  2. berkunjung, bermanfa'at infonya gan

    salam sukses

    BalasHapus
  3. keren sob, terima kasih ya sudah berbagi...

    BalasHapus