TUTORIAL : (SCROLLING/MARQUEE TEXT)

Ari nie mirul nak wat tutorial untuk gerakkan tilisan korang...ianya dapat menarik sape2 saje untuk bace entry korang 2...tapi jagan terlampau banyak lak...kang ade yang tumbuk screen laptop lak...hahha....ok first...


1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)



<marquee>Contoh scrolling text</marquee>
CONTOH :
Contoh scrolling text

2. Ubah pergerakan perkataan
Penambahan kod berikut diperlukan dalam kod asal.

direction="left"
direction="right"
direction="up"
direction="down"

Berikut contoh kod untuk pegerakan dari kanan ke kiri



<marquee direction="right" >Contoh scrolling text</marquee>

CONTOH
Contoh scrolling text

3.Ubah warna background
Untuk ubah background, perlu diletakkan kod berikut

bgcolor="#kod warna"

Senarai kod warna boleh didapati disini.

Contoh kod yang diletakkan background,



<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

CONTOH
Contoh scrolling text

4. Perkataan dalam keadaan 'anjal'
Penambahan kod berikut diperlukan ke dalam kod asal.

behavior="alternate"

contoh kod yang diletakkan trick ini.



<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>

CONTOH
Contoh scrolling text

5.Ubah kelajuan perkataan.
Pergerakan juga dapat diubah dengan menambah kod berikut

scrollamount="2"

Contoh kod dengan trick ini.



<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>

6. Pause apabila cursor dilalukan.
Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.

Penambahan kod yang perlu dilakukan adalah

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kod dengan trick ini.



<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

CONTOH
Contoh scrolling text

ha...mirul yang watt tuto nie pn pening...harap korang jgan pening yer :)
selamat mencuba dan selamat hari sabtu...hahaha