Text Berjalan ( marquee )

T entang marquee ini ( text berjalan ), sering di gunakan oleh para penguna blog khususnya blogger dari blogspot. tujuan yang utama mungkin untuk menyederhanakan content, baik itu blogroll dll.

Sebenarnya kodenya sangat simple sekali, di buat dengan tag <marquee> text yang akan berjalan  </marquee>.

sedangkan atribut yang sering di gunakan menyertainya ialah :

BGCOLOR="warna" - mengatur warna background text.

DIRECTION="left  \ right \ top \ down" - mengatur arah gerakan text

BEHAVIOR="scroll / slide / alternate /" - mengatur cara geraknya - bergerak berputar / bergerak sekali lalu berhenti / bergerak kiri-kanan.

TITLE="pesan" - pesan yang akan muncul saat mouse berada di atas text.

SCROLLAMOUNT="angka" - mengatur kecepatan gerakanya.

SCROLLDELAY="angka" - mengatur waktu tunda gerakan dalam milidetik.

LOOP="angka \ -1 \ infinite " - mengatur jumlah pengulangan.

WIDTH="angka" - mengatur lebar block text . baik secara pixel atau persen.

Contoh-contoh Marquee.

Simple

<marquee> simple scrolling text</marquee> simple marquee text

 

Mengunakan Background : <marquee bgcolor="#FFEFF0">mengunakan atribut bgcolor</marquee> mengunakan atribut bgcolor

 

Mengunakan atribut direction. " left " atau " right " / "top"  / "down" .

<marquee direction="right" bgcolor="#99CCFF">mengunakan atribut direction right atau dari kanan</marquee> direction right atau dari kanan

 

Mengunakan Atribut Behavior dan Direction

<marquee behavior="alternate" direction="down" bgcolor="#FFEFF0">Mengunakan Atribut Behavior dan Direction</marquee> Mengunakan Atribut Behavior dan Direction

 

Mengatur atribut Behavior, Direction dan SCROLLAMOUNT ( keceptan ).

<marquee behavior="alternate" direction="left" bgcolor="#990C13" scrollamount="2">Behavior, Direction dan SCROLLAMOUNT</marquee> Behavior, Direction dan SCROLLAMOUNT

 

Mengatur atribut Behavior, Direction , Scrollamount dan prilaku mouse.

<marquee behavior="scroll" align="middle" direction="left" bgcolor="#DF7D83" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()"><br /><br />    <a href=" http://catalog-tutorial.blogspot.com ">Nyahooo Booo</a>  <a href=" http://jaloee.blogspot.com ">Sotoshop yeuh</a> <br /><br />  </marquee>

Nyahooo Booo Sotoshop yeuh

Technorati tags: Text Marquee, New Blogger Tutorial