Membuat Teks dan Banner (Marquee)

Marquee adalah menggerakkan teks atau banner mengikut kehendak korang.
Cara-caranya ialah :-

1)Bergerak dari kanan ke kiri
Masukkan kod ini

<marquee>TEKS KORANG</marquee>


TEKS KORANG


2)Bergerak dari kiri ke kanan
Masukkan kod
<marquee direction="right">TEKS KORANG</marquee>


TEKS KORANG

3)Bergerak memantul kiri ke kanan dan kanan ke kiri
Masukkan
<marquee behavior="alternate">TEKS KORANG</marquee>


TEKS KORANG

4)Bergerak berjalan dari bawah ke atas.
Kodnya ialah
<marquee direction="up">TEKS KORANG</marquee>



TEKS KORANG







5)Bergerak berjalan dari atas ke bawah.
Kodnya ialah
<marquee direction="down">TEKS KORANG</marquee>





TEKS KORANG






6)Teks berhenti berjalan apabila mouse point pada teks tersebut
Kodnya ialah
<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS KORANG</marquee>


HA HA HA

OK setakat ini saja, Kalau ada tambahan aku list up lagi.
ARIOS

Tambahan : Marquee untuk gambar

Ok.. kalau korang upload gambar, pasti korang akan jumpa kod seperti di bawah(Edit HTML)

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://assets.aarp.org/www.aarp.org_/cs/fun/nikki_halloween_cat.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://assets.aarp.org/www.aarp.org_/cs/fun/nikki_halloween_cat.jpg" border="0" alt="" /></a>

So apa yang korang perlu lakukan ialah tukarkan TEKS KORANG di dalam kod marquee tadi kepada kod HTML gambar korang. Itu saja.




Tambahan

1) Buat blinking teks
Kodnya ialah

<blink> TEKS KORANG </blink>


LIP LAP


2) Adjust kelajuan Marquee Teks
Kodnya ialah memasukkan
scrollamount="2"
Hanya masukkan kod di atas ke dalam mana-mana kod marquee teks korang.
Dan kod korang akan jadi seperti berikut:-
<marquee scrollamount="2">TEKS KORANG</marquee>


TEKS KORANG

p/s: nombor(merah) mewakili kelajuan teks korang bergerak. (Jika korang mahu lajukan maka amaunnya mesti semakin besar)





Image Hosted by ImageShack.us

16 comments:

Post a Comment