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 bengaliboy00@hotmail.com (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

 

Postingan dengan judul Kode Javascript untuk Typing Scroller ditulis oleh ridho, Penulis dapat dihubungi lewat akun sosial media berikut

Follow on Twitter

Connect on Facebook

Find on Google+

Find on LinkedIn

2 Responses to “Kode Javascript untuk Typing Scroller”

  1. фильм красавчик отзывы онлайн пятый элемент фильм перевозчик 3 смотреть онлайн фильм фильм неуместный человек онлайн фильм аполлон 13 фильм александр македонский круг михаил фильм апрель онлайн смотреть фильм апокалипсис мела гибсона онлайн фильм случайный муж фильм про уродов и людей посмотреть фильм вверх тормашками скачать фильм трансморферы 2 фильм седьмая симфония фильм джет ли кулак легенды мутанты 1997 фильм фильм мистика в коннектикуте маска ниндзя фильм просмотр фильма нереальный блокбастер онлайн фильм геймер gamer 2009 скачать песни из мультфильма тачки скачать фильм идеальный побег dvdrip фильм кокаин фильм земля под ударом онлайн фильм последний дом слева самый лучший фильм java фильм дом страха смотреть онлайн фильм трансформеры 2007 фильм чокнутые онлайн 1991 фильм люди кошки смотреть онлайн шалунья фильм саундтреки к фильму переводчица смотреть фильм напряги извилины смотреть фильм солдаты неудачи песни из фильма троя музыка из детского фильма карантин фильм развод по итальянски сегун фильм зигфрид и рой мультфильм онлайн смотреть фильм командо индийский фильм миссия стамбул смотреть фильм идеальный побег запрет фильм 2009 дублёр фильм онлайн скачать фильм королевские пираты фильм переполох в гималаях мультфильм леонов афера томаса крауна фильм онлайн великий перелом фильм черепашки ниндзя мультфильм смотреть невидимая сторона фильм фильм белый шоколад смотреть фильм бриолин смотреть фильм сказки на ночь фильмы получившие оскар скачать смотреть фильм знакомьтесь джо блэк фильм улица зелёных фонарей фильм семь 2 песня из фильма убить била музыка из фильма операция ы фильмы премии оскар 2008 главная героиня фильма трансформеры фильм соломенные псы посмотреть фильм брат скачать фильм мститель dvdrip фильм онлайн чистилище описание фильма возвращение домой музыка из фильма пророк скачать фильм титаник 3gp беснлатно скачать худ фильм троя фильм братья

  2. Гума says:

    прикольно

Leave a Reply