Cara Mudah Membuat Marquee (Teks Berjalan)

155 views

Trikotti.Com – Cara Mudah Membuat Marquee (Teks Berjalan), Cara Mudah Membuat Marquee (Teks Berjalan)

Cara Mudah Membuat Marquee (Teks Berjalan)

Marquee merupakan suatu program HTML untuk membuat teks atau tulisan agar dapat bergerak atau berjalan. Selain dapat menghemat tempat pada halaman blog, program marquee ini juga terlihat menarik karena sifatnya yang dinamis. Marquee ini dapat dibuat dengan menggunakan tag .

Adapun atribut yang sering digunakan adalah seperti di bawah ini:

  • bgcolor >> berfungsi untuk mengatur warna background (latar belakang) teks.
  • direction >> untuk mengatur arah gerakan teks, bisa left, right, up atau down.
  • behavior >> gunanya untuk mengatur perilaku gerakan, bisa scroll, slide atau alternate.
  • scroll >> menunjukkan teks bergerak berputar.
  • slide >> menunjukkan teks bergerak sekali lalu berhenti.
  • alternate >> menunjukkan teks bergerak dari kiri ke kanan lalu balik lagi.
  • title >> yaitu pesan akan muncul saat mouse berada di atas teks.
  • scrollamount >> yaitu untuk mengatur kecepatan gerakan dalam piksel, semakin besar angka semakin cepat gerakannya.
  • scrolldelay >> berfungsi untuk mengatur waktu tunda gerakan dalam mili detik
  • width >> untuk mengatur lebar blok teks dalam pixel atau persen.
  • height >> untuk mengatur tinggi area marquee.

Berikut ini beberapa contoh dari marquee:

Contoh marquee dari gerakan :

center” direction=”left” height=”20” scrollamount=”3” width=”100%“>

INI ADALAH MARQUEE DENGAN DIRECTION LEFT

Hasilnya:


INI ADALAH MARQUEE DENGAN DIRECTION LEFT

Ganti kata “left” dengan keinginan Anda yaitu bisa right, up, down.

Contoh marquee dari perilaku gerakan :

center” behavior=”alternate” direction=”left” height=”20” scrollamount=”3” width=”100%“>

INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN

Hasilnya seperti di bawah ini:


INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN

Contoh marquee dengan variasi huruf dan warna latar belakang:

left“>white; font-family: georgia;”>alternate” bgcolor=”blue” scrollamount=”3” width=”100%“>

MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG

hasilnya :


MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG

Berikut ini adalah variasi lain dari marquee yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ke tempat lain maka teks akan bergerak kembali.

Contoh, silakan arahkan mouse Anda ke area marquee di bawah ini:

center” direction=”up” height=”90” onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”2” width=”100%“>

ARAHKAN MOUSE ANDA KE SINI

hasilnya :


ARAHKAN MOUSE ANDA KE SINI

Contoh marquee yang didalamnya terdapat link :

center” direction=”up” height=”150” onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”2” width=”100%“>

Daftar Isi
Tukar Link
Kode Warna

hasilnya :

Daftar Isi

Tukar Link

Buku Tamu

Bagaimana sobat ? Mudah kan ? Selamat Mencoba kawan.. 😀

Terima Kasih Atas kunjungan anda di halaman  Cara Mudah Membuat Marquee (Teks Berjalan), Jangan lupa untuk Membookmars Halaman ini jika  Cara Mudah Membuat Marquee (Teks Berjalan) berguna untuk anda.