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: