Cara Membuat Teks/Tulisan Berjalan (Marquee) - GülPedia
News Update
Loading...
Home Tutorial Blog Cara Membuat Teks/Tulisan Berjalan (Marquee)

Rabu, Juli 13, 2011

Cara Membuat Teks/Tulisan Berjalan (Marquee)

        
Apabila ada orang yang mencaci-maki kamu tentang apa yang dia ketahui pada dirimu, janganlah kamu mencaci-maki dia tentang apa yang kamu ketahui pada dirinya karena pahalanya untuk kamu dan kecelakaan untuk dia. (HR. Ad-Dailami)
Berikut ini ada beberapa contoh dari tulisan berjalan (marquee):
(1)
<marquee>Teks ini menggunakan marquee default</marquee>
Teks ini menggunakan marquee default

(2)
<marquee direction="right">Teks ini bergerak ke kanan</marquee>
Teks ini bergerak ke kanan

Catatan : "direction" merupakan kode yang berfungsi untuk menentukan arah gerakan teks atau image. Atributnya adalah left, right, up, dan down.
(3)
<marquee direction="up" height="50" width="60%">Teks ini berjalan ke atas yang dibatasi area tertentu</marquee>
Teks ini berjalan ke atas yang dibatasi area tertentu

Catatan : "height" dan "width" berfungsi untuk menentukan tinggi serta lebar area marquee yang digunakan oleh teks, atributnya berupa nilai angka atau prosen (%).

(4)

<marquee bgcolor="#f2f5a9" scrolldelay="2000" direction="down" scrollmount="2" height="50" width="75%">Teks di kiri berjalan ke bawah dgn waktu tunda 2 detik, berkecepatan tertentu yang dibatasi area tertentu pula</marquee>
Teks di kiri berjalan ke bawah dgn waktu tunda 2 detik, berkecepatan tertentu yang dibatasi area tertentu pula


Catatan : "scrolldelay" berfungsi mengatur waktu tunda, atributnya adalah angka per-mili detik. Sedangkan "scrollmount" digunakan untuk mengatur kecepatan gerakan teks, atributnya berupa angka. Semakin besar angka, maka semakin cepat gerakannya.
(5)
<marquee bgcolor="#cecef6" scrollmount="2">Teks berkecepatan tertentu dengan menggunakan latar warna biru muda</marquee>
Teks berkecepatan tertentu dengan menggunakan latar warna biru muda

Catatan : "bgcolor" mempunyai fungsi memberikan warna latar teks

(6) 
<marquee bgcolor="#f2f5a9" loop="4">Teks 4x berjalan, kemudian hilang</marquee>
Teks 4x berjalan, kemudian hilang

(7)

<marquee bgcolor="#cecef6" loop="4" behavior="slide">Teks 4x berjalan, kemudian berhenti</marquee>
Teks 4x berjalan, kemudian berhenti

Catatan : "loop" mempunyai fungsi mengatur jumlah gerakan, atributnya adalah angka. Semakin besar nilainya, maka semakin banyak pula gerakannya. Biasanya kode loop diikuti dengan kode behavior="slide", agar teks tidak hilang.

(8)

<marquee hspace="25" width="25%" bgcolor=yellow><p>Teks berjalan</p>dan berjarak horizontal</marquee>

Teks berjalan
dan berjarak horizontal

(9)

<marquee vspace="25" width="25%" bgcolor=yellow><p>Teks berjalan</p>dan berjarak vertikal</marquee>

Teks berjalan
dan berjarak vertikal 
Catatan : "hspace" berguna mengatur jarak marquee dengan teks atau tepi elemen secara horizontal, atributnya adalah angka. Sedangkan "vspace" berfungsi untuk mengatur jarak marquee dengan teks atau tepi elemen secara vertikal, atributnya angka juga. Semakin besar nilainya, maka semakin besar jaraknya.

(10)
<marquee behavior="alternate">Teks ini akan berjalan bolak-balik</marquee>
Teks ini akan berjalan bolak-balik
Catatan : "behavior" berfungsi untuk mengatur perilaku gerakan teks dgn atribut yang mengikutinya seperti scroll (gerakan default ke kiri), slide (bergerak sekali lalu berhenti), dan alternate (bolak-balik).


(11)
Silakan anda mencoba dan berkreasi sendiri hhee.. Andapun bisa membuat teks yang berjalan dan berhenti ketika terkena kursor untuk lebih jelasnya klik Disini

Lihat Juga :

Share with your friends

Add your opinion
Disqus comments
Notification
This is just an example, you can fill it later with your own note.
Done