Sunday, 18 November 2012

Tutorial - Membuat Teks Berjalan (marquee)

Tutorial dan Tip kali ini ada lah mengenai marquee text pada blog. untuk membuat teks bergerak ke kiri ,kekanan dan sebagai nya .

Untuk meletakkan marquee contohnya pada sidebar:
Masuk kedesign-pilih Page Elements
Add A gadget--Javascript
masukkan kod yang salin padanya dan save.

Sekira nya anda ingin meletakan nya di ruangan posting = Klik HTML paste kan kemudian klik Compose ( jangan lupa Save ) 


Berikut adalah kod yang kita gunakan:

<marquee>Taip kan mesej yang anda ingin sampai kan disini</marquee>

Taip kan mesej yang anda ingin sampai kan disini
 
Marquee yang biasa (standard) bergerak dari kanan ke kiri,kita boleh mengubahnya kepada beberapa bentuk gerakan dan keadaan dengan tambahan kod seperti dibawah :

bgcolor = warna latar belakang
direction = arah gerakan (left,right,up.down)
behavior = karekter pergerakan (scroll,slide,alternate)
scroll( teks berputar)
slide (teks bergerak sekali dan berhenti)
alternate (teks bergerak dari kiri ke kanan dan berpatah balik)
Title = perkataan muncul semasa mouse berada di atas teks
Scrollamount = meletak kecepatan gerakan
Scrolldelay = mengatur tempoh masa
Loop = mengatur jumlah

Dari arah kiri ke kanan

<marquee direction="right" >Taipkan mesej anda disini</marquee

Taipkan mesej anda disini
 
Arah kiri dan kekanan kemudian berpatah balik

<marquee behavior="alternate" >Taip kan mesej anda disini</marquee>

Taip kan mesej anda disini

Dari kiri ke kanan dengan tempoh masa "10"

<marquee direction="right" scrollamount="10" >Taipkan mesej anda disini0</marquee>

Taipkan mesej anda disini

Halakan pointer mouse pada teks dan ia berhenti

<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>   arahkankan mouse pada teks,berhenti

Selamat Mencuba Ikhlas Dari

 

No comments:

Post a Comment