Rabu, Februari 27

Perkataan Bergerak (Scrolling/Marquee Text)

Kod asas 
<marquee>Blog Alya Zaira</marquee>
Blog Alya Zaira


Ubah pergerakan perkataan 
Penambahan kod berikut diperlukan dalam kod asal.
   direction="left"
   direction="right"
   direction="up"
   direction="down"


Dari kanan ke kiri
<marquee direction="right" >Blog Alya Zaira</marquee>
Blog Alya Zaira 

Ubah warna background 
Untuk ubah background, perlu diletakkan kod berikut
bgcolor="#kod warna"
Senarai kod warna boleh didapati disini.

Kod yang diletakkan background,
<marquee direction="right" bgcolor="FF99CC">Blog Alya Zaira</marquee>
 Blog Alya Zaira

Perkataan dalam keadaan 'anjal'
Penambahan kod berikut diperlukan ke dalam kod asal.
behavior="alternate"

Kod yang diletakkan trick ini.
<marquee behavior="alternate" bgcolor="FF99CC">Blog Alya Zaira</marquee>
Blog Alya Zaira 

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

scrollamount="2" 


Kod dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="FF99CC" scrollamount="2">Blog Alya Zaira</marquee>
scrollamount="2"
Blog Alya Zaira

Scrollamount :"5" 
Blog Alya Zaira

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()"


Kod dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="FF99CC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Blog Alya Zaira</marquee>
Blog Alya Zaira 

Tiada ulasan:

Alyazaira-Mentarisenja © All Rights Reserved
Best View With Mozilla Firefox