Tutorial Teks Bergerak (Marquee)

بسم الله الرحمن الرحيم 

Assalamualaikum..nak sambung tutorial lagi ni. Sambungan tuttorial yang diminta oleh kawan kita dalam entri yang lepas iaitu tutorial gambar di sebelah tajuk post. Sekarang ni, saya nak buat entri tentang teks atau perkataan yang bergerak..macam tulisan kat bawah header saya tu. 

Tulisan ni boleh bergerak macam-macam cara.hehe. Jom mulakan..

1. Tulisan bergerak dari kanan ke kiri.

<marquee>TEKS</marquee>

Atika Aula

2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right">TEKS</marquee>

Atika Aula

3. Tulisan bergerak dari kanan ke kiri dan ulang balik.

<marquee behavior="alternate">TEKS</marquee>

Atika Aula

4. Tulisan bergerak dari bawah ke atas

<marquee direction="up">TEKS</marquee>

Atika Aula

5. Tulisan bergerak dari atas ke bawah 

<marquee direction="down">TEKS</marquee>

Atika Aula

6. Teks berhenti bila mouse sentuh perkataan

<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS</marquee>

Atika Aula

TEKS tu tukar kepada perkataan yang kawan-kawan nak letak. Kalau nak tambah image depan perkataan tu..ambil direct link image tu, paste je kod image di depan TEKS.

Kemudian, kalau nak adjust kelajuan teks tadi..masukkan kod ni.

scrollamount="1"

Contoh:

<marquee scrollamount="1">TEKS</marquee>

Syukran Jazilan Wa ila liqa' Ma'a Salamah

Semakil besar nombor, semakin laju teks tersebut.

Tu je rasenye nak tulis dalam entri ni. Kalau ada request, bg tau di fan page saya.

والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---