Cara Buat Texs Berjalan (marquee)

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar

Slide--> teks bergerak sekali lalu berhenti

Alternate --> teks bergerak dari kiri kekanan lalu balik lagi (bolak-balik)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

1.Tulisan Berjalan Biasa :

Contoh Tulisan Berjalan

<marquee> Tulisan Anda</marquee>

2.Tulisan Berjalan dari Kanan :

Contoh Tulisan Berjalan dari Kanan

Ini Code Script nya...

<marquee direction="right">Contoh Tulisan Berjalan dari Kanan</marquee>

Anda bisa merubahnya right (Kanan) Menjadi left (Kiri).

3.Tulisan Berjalan Alternatif :

Contoh Tulisan Berjalan Alternatif

Ini Code Script nya...

<marquee behavior="alternate">Tulisan Anda</marquee>

4.Tulisan Berjalan Akan Berhenti Saat Console Mendekat :

Contoh Tulisan Berjalan

Ini Code Script nya...
 
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan Berjalan</marquee>

5.Tulisan Berjalan dari Bawah ke Atas dan akan Berhenti Saat Console Mendekat:

Tulisan Anda
Tulisan Anda
Tulisan Anda

Ini Code Script nya...

<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">Tulisan Anda 

Tulisan Anda 

Tulisan Anda 

</marquee>

Up adalah Atas, Angka 100 adalah jarak tinggi, Angka 200 adalah jarak lebar dan Angka 3 adalah kecepatan, anda bisa merubahnya sesuai keinginan anda.

6.Tulisan Berjalan dengan kecepatan diatur :

Contoh Tulisan Berjalan

Ini Code Script nya...
<marquee behavior="alternate" scrollamount="18">Tulisan Berjalan dengan kecepatan diatur </marquee>

Angka 18 adalah kecepatan, Anda Bisa merubahnya sesuai keinginan Anda
7.Tulisan Berjalan dari Atas ke Bawah :

Tulisan Anda
Tulisan Anda
Tulisan Anda

Ini Code Script nya...

<marquee direction="down" height="100" scrollamount="4" width="200">Tulisan Anda

Tulisan Anda

Tulisan Anda

</marquee>

Down adalah Bawah, Angka 100 adalah jarak tinggi, Angka 200 adalah jarak lebar dan Angka 4 adalah kecepatan, anda bisa merubahnya sesuai keinginan anda.
8.Tulisan Berjalan dari Bawah ke Atas dan akan Berhenti Saat Console Mendekat:

Tulisan Anda
Tulisan Anda
Tulisan Anda

Ini Code Script nya...
<center>

<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" width="200">Tulisan Anda

Tulisan Anda

Tulisan Anda

</marquee>

Up adalah Atas, Angka 100 adalah jarak tinggi, Angka 200 adalah jarak lebar dan Angka 1 adalah kecepatan, anda bisa merubahnya sesuai keinginan anda.

9.Tulisan berjalan Alternatif  yang memantul:

Contoh Tulisan Berjalan

Ini Code Script nya...

<marquee align="center" behavior="alternate" direction="up" scrollamount="2"> Contoh Tulisan Berjalan</marquee> Contoh Tulisan Berjalan </marquee>

yang berwarna Merah bisa Anda rubah sesuai ke inginan Anda.
10.Tulisan Berjalan Zig Zag yang tembus :




Contoh Tulisan Berjalan tembus

Ini Code Script nya...

<center><marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee direction="right">Contoh Tulisan Berjalan tembus </marquee></marquee></center>

yang berwarna Merah bisa Anda rubah sesuai ke inginan Anda.

11.Tulisan Berjalan Zig Zag yang memantul :

Contoh Tulisan Berjalan mantul

Ini Code Script nya...

<center><marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee behavior="alternate" direction="right">Contoh Tulisan Berjalan mantul</marquee></marquee></center>

yang berwarna Merah bisa Anda rubah sesuai ke inginan Anda.

Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

<<SEBELUMNYA                                                                              DAFTAR ISI                                                                             BERIKUTNYA>>