♥ Let's Follow!!~ ♥

Papan Iklan yg sentiasa bergerak?

Salam....
terpanggil nak buat tutorial tuk animasi, gambar atau tulisan gerak2..
aritu Pak Ngah @Komensen ada bagi komen
"saya suka papan iklan yang sentiasa bergerak tu .. asyik menengoknya."

Okey, mari kita cuba tricks yg simple :)
Terpulang samaada nak letak gambar, animasi atau perkataan..

Letak teks antara Tag Marquee
<marquee>Add your text here....</marquee>

1- Teks dari Kiri ke Kanan
<marquee direction="left">Sweet Yummy Sweet Life</marquee>
So hasilnya;

Sweet Yummy Sweet Life

2- Teks dari Kanan ke Kiri
<marquee direction="right">Sweet Yummy Sweet Life</marquee>
Sweet Yummy Sweet Life


3- Gerak dari bawah ke atas
<marquee direction="up">Sweet Yummy Sweet Life</marquee>
Sweet Yummy Sweet Life
4- Gerak dari atas ke bawah
<marquee direction="down">Sweet Yummy Sweet Life</marquee>

Sweet Yummy Sweet Life
5- Letak background color
Untuk ubah background, perlu diletakkan kod berikut
bgcolor="#kod warna"

<marquee direction="right" width="110%" style="background:#99ccff"><font color="white">Sweet Yummy Sweet Life</font></marquee>

Hasilnya...
Sweet Yummy Sweet Life



6- Perkataan dalam keadaan 'anjal'
Penambahan kod berikut diperlukan ke dalam kod asal.
behavior="alternate"
<marquee behavior="alternate" bgcolor: rgb(0, 153, 0);">#99CCFF">Sweet Yummy Sweet Life</marquee>
Sweet Yummy Sweet Life


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

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Sweet Yummy Sweet Life;/marquee>


Sweet Yummy Sweet Life



♥ Warna biru tu Perkataan yg ingin di gerakkan...

♥ Warna Merah ~
Penambahan kod berikut diperlukan dalam kod asal.
direction="left"
direction="right"
direction="up"
direction="down"

♥ Warna Hijau tu kod warna..Senarai kod warna boleh dapat disini.




Itu sajer..senang kan
(^_^)

0 Sweet Kukis:

Related Posts Plugin for WordPress, Blogger...