Marquee (Teks Gerak)

Adalah salah satu script HTML, yang dipergunakan agar supaya teks bisa bergerak/berjalan.

Teks:

<marquee> … </marquee>

 

Atribut yang bias any di ikutkan dalam Marquee :

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 Ket :
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 persenContoh :

  1. Teks dari Kanan Ke kiri :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">marquee dari kanan ke kiri</MARQUEE>

  1. Teks dengan variasi huruf dan Latar belakang

<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
Ada Latar belakang
</MARQUEE></b></FONT></div>

  1. Teks berhenti saat Mouse melewati Objek Gerak

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">silahkan tunjuk ke sini </marquee>

  1. Teks Gerak dengan Link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/> <a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>

Blog Kanf Rohman

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s