RidoFitra.com Kumpulan informasi yang insya Allah bermanfaat

Kode Javascript untuk Typing Scroller

 

Jika kamu telah pernah sebelumnya mampir di situs ini, pasti akan melihat suatu yang berbeda dari tampilan situs ini. Ya, seperti yang kamu lihat, terdapat teks scrolling berjalan pada bagian atas web ini. Teks ini dinamakan Typing Scroller, menggunakan bahasa javascript. Typing Scroller jelas lebih canggih dari sekedar memakai sintak marque biasa. Jika kamu tertarik kamu dapat menggunakan kode javascript seperti di bawah berikut.

 

<SCRIPT language=”JavaScript1.2″>

<!–

/*

Typing Scroller

Submitted by [email protected] (hp: http://www.angelfire.com/nt/bengaliboy/)

With modifications by Dynamicdrive.com

For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com

*/

//Secify scroller contents

var line=new Array()

line[1]=”teks1″

line[2]=”teks2″

line[3]=”teks3″

line[4]=”teks4″

line[5]=”teks5″

//Specify font size for scoller

var ts_fontsize=”12px”

//–Don’t edit below this line

var longestmessage=1

for (i=2;i<line.length;i++){

if (line[i].length>line[longestmessage].length)

longestmessage=i

}

//Auto set scroller width

var tscroller_width=line[longestmessage].length

lines=line.length-1 //–Number of lines

//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write(‘<form name=”bannerform”>’)

document.write(‘<input type=”text” name=”banner” size=”‘+tscroller_width+'”‘)

document.write(‘ style=”background-color:#0d0b0b; color:#ffffff: ‘+document.body.text+’; font-family: verdana; font-size: ‘+ts_fontsize+’; font-weight:bold; border: medium none” 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()”,1000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp=””;

setTimeout(“nextstep()”,1000)}

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()”,100)}

 

//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

// –>

</SCRIPT>

 

Ganti teks1 pada line[1] dengan pesan yang kita inginkan, dan seterusnya. jika kurang tinggal tambah saja barisnya. Untuk meyesuaikan warna dan background teks edit pada bagian background-color dan color

 

Tags: script —