Teks bergerak (marquee)

Suatu teks bisa dibuat bergerak dengan menggunakan kode html. Kode html yang digunakan adalah marquee. Tag yang secara umum digunakan adalah sebagai berikut :

<marquee> teks </marquee>

Adapun pengaturan yang dapat digunakan dalam mengatur pergerakan teks adalah sebagai berikut ;

a.         Arah gerakan teks

Kode html yang digunakan adalah direction dan cara penulisannya adalah;

<marquee direction=”arah gerakan teks” > teks </marquee>

Arah gerakan yang dapat digunakan yaitu;

·                Dari kanan kekiri menggunakan kode “left”

teks

·                Dari kiri kekanan menggunakan kode “ right”

teks

·                Dari atas kebawah menggunakan kode “down”

teks

·                Dari bawah keatas menggunakan kode “up”

teks

b.        Warna teks

Kode html yang digunakan adalah color dan cara penulisannya adalah;

<marquee color=”warna yang digunakan” > teks </marquee>

Warna yang digunakan dapat ditulis dalam bahasa inggris dan bisa juga menggunakan kode warna html.

c.         Warna belakang teks

Kode html yang digunakan adalah bgcolor dan cara penulisannya adalah;

<marquee bgcolor=”warna yang digunakan”> teks </marquee>

d.        Perilaku gerakan teks

Kode html yang digunakan adalah behavior dan cara penulisannya adalah;

<marquee behavior=” perilaku teks” > teks </marquee>

Perilaku teks yang dapat digunakan yaitu;

·                Teks berputar dapat menggunakan kode “scroll”

·                Teks bergerak kekiri lalu kekanan (bolak balik) dapat menggunakan kode “alternate”

·                Teks bergerak sekali lalu berhenti menggunakan kode “slide”

e.         Pesan diatas teks

Pesan akan muncul pada saat mouse berada diatas teks. Kode html yang digunakan adalah title dan cara penulisannya adalah;

<marquee title=”pesan” > teks </marquee>

f.         Kecepatan gerakan teks

Kode yang digunakan adalah scrollamount dan cara penulisannya adalah;

<marquee scrollamount=”kecepatan gerakan” > teks </marquee>

Kecepatan gerakan yang digunakan adalah dalam pixel dan ditulis dalam angka, semakin besar angka yang digunakan maka semakin cepat gerakannya.

g.        Waktu tunda

Kode yang digunakan adalah scrolldelay dan cara penulisannya adalah;

<marquee scrolladelay=”waktu tunda” > teks </marquee>

Waktu tunda yang digunakan adalah dalam milidetik dan ditulis dalam angka, semakin besar angka yang digunakan maka semakin lama waktu tundanya.

h.        Jumlah putaran

Kode yang digunakan adalah loop dan cara penulisannya adalah;

<marquee loop=”banyaknya putaran” > teks </marquee>

Banyaknya putaran ditulis dalam angka, semakin besar angka yang digunakan maka semakin banyak putarannya. Jika banyaknya putaran yang anda inginkan tidak terbatas, maka kode yang ditulis untuk menggantikan angka tersebut adalah “infinite”.

i.          Lebar gerakan teks

Kode yang digunakan adalah width dan cara penulisanya adalah;

<marquee width=”lebar gerakan” > teks </marquee>

Lebar gerakan yang dapat digunakan adalah dalam pixel atau persen dan ditulis dalam angka.

j.          Tinggi gerakan teks

Kode yang digunakan adalah height dan cara penulisannya adalah

<marquee height=”tinggi gerakan” > teks </marquee>

Tinggi gerakan yang dapat digunakan adalah dalam pixel atau persen dan ditulis dalam angka.

k.        Gerakan teks terhadap mouse

Gerakan teks terhadap mouse dibagi menjadi dua yaitu;

·                Gerakan teks berhenti ketika berada dibawah mouse

Kode yang digunakan adalah onmouseover dan cara penulisannya adalah;

<marquee onmouseover=”this.stop()” > teks </marquee>

·                Teks bergerak ketika tidak dibawah mouse

Kode yang digunakan adalah onmouseout dan cara penulisannya adalah;

<marquee onmouseout=”this.start()” > teks </marquee>

Untuk penulisanya diharuskan menggunakan kedua kode diatas, karena teks akan berhenti ketika dibawah mouse dan akan bergerak kembali ketika tidak dibawah mouse. Jadi cara penulisan kedua kode tersebut adalah;

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” > teks </marquee>

l.          Posisi teks

Kode yang digunakan adalah align dan cara penulisannya adalah

<marquee align=”posisi teks” > teks </marquee>

Posisi teks yang dapat digunakan yaitu;

·                Rata kanan menggunakan kode “right”

·                Rata kiri menggunakan kode “left”

·                Rata tengah menggunakan kode “center”

·                Rata kiri dan kanan menggunakan kode “justifi” (bisa digunakan untuk teks yang panjang)

Posisi teks ini digunakan untuk arah gerakan teks yang keatas atau kebawah.

Pengaturan teks diatas bisa digunakan secara bersama-sama dalam satu gerakan teks. Misalnya anda ingin membuat suatu gerakan teks dari kanan kekiri dengan warna teks merah dan warna belakang teks adalah kuning, maka cara penulisannya adalah;

<marquee direction=”left” color=”red” bgcolor=”yellow” > teks </marquee>

teks

Kode diatas bisa anda coba dengan pengaturan gerakan teks yang lain.