Teks Berjalan di Posting dengan Efek Marquee

Hey sobat,kali ini saya akan membahas tentang bagaimana cara membuat teks berjalan di posting,cara menjalankan teks ini dengan menggunakan efek marquee. Langsung saja ya..

• Teks Berjalan Dari Kanan ke Kiri

Ini merupakan format marquee standar agar teks dalam postingan sobat bisa berjalan secara default dari kanan ke kiri. Ini HTMLnya :

<marquee>TEKS PUNYA SOBAT</marquee>

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

• Teks Berjalan dari Kiri ke Kanan

Format ini kebalikan dari format yang di atas,yaitu teks berjalan dari kiri ke kanan. Ini HTMLnya :


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

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

• Teks Berjalan Bolak-Balik (Kiri ke Kanan atau Kanan ke Kiri )

Format ini membuat teks berjalan bolak-balik memantul kiri ke kanan dan kanan ke kiri. Ini HTMLnya :

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

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

• Teks Berjalan Dari Bawah Ke Atas

Format ini membuat teks anda berjalan dari bawah ke atas. Ini HTMLnya :

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

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

• Teks Berjalan Dari Atas Ke Bawah

Format ini kebalikan dari yang diatas yaitu membuat teks berjalan dari atas ke bawah. Ini HTMLnya :


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

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

• Membuat Text Berhenti Jika Diarahkan Oleh Mouse

Jika sobat arahkan mouse pada teks tersebut maka text tersebut akan berhenti. Ini HTMLnya :


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

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

Anda bisa menerapkan format ini pada ke text berjalan di atas dengan menambahkan kode Html pada tag pembuka.

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA SOBAT</marquee>

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

Mengatur Kecepatan Text Berjalan

Untuk mengatur kecepatan menggunakan perintah:

scrollamount="10"

Untuk mengatur kecepatan teks ganti angka pada bertanda petik diatas ("10"), semakin kecil nilai ditulis maka motion akan semakin lambat dan semakin besar nilai yang dibuat juga semakin cepat motion teks yang akan muncul. Ini HTMLnya :

<marquee scrollamount="10">TEKS PUNYA SOBAT</marquee>

Dan Seperti ini contohnya :

TEKS PUNYA SOBAT

Mengatur Batas Ruang Text Berjalan

Untuk mengatur batas ruang menggunakan perintah:

width="100%" height="100"

Badingkan contoh berikut height="40" dan height="80"

Contoh :

<marquee direction="up" width="100%" height="40">TEKS PUNYA SOBAT</marquee>

TEKS PUNYA SOBAT

<marquee direction="up" width="100%" height="80">TEKS PUNYA SOBAT</marquee>

TEKS PUNYA SOBAT

Sekian yang saya dapat jelaskan,jika sobat ada yang kurang mengerti / pahami silahkan bertanya dengan cara mengisi kolom komentar di bawah postingan ini..

Selamat Mencoba...

Read More