Membuat Text Berjalan atau Marquee

Posted by Merah Putih On 19 November 2011 0 komentar
Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marque.

Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa Atribut:

<marquee>text yang kita inginkan</marquee>

text yang kita inginkan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri ke kanan

<marquee behavior="alternate" >arah bolak balik</marquee>

arah bolak balik

<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

dari kanan ke kiri dengan kecepatan 15

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

arahkan mouse teks berhenti

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

dari atas ke bawah

<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>

dari kanan ke kiri

<div align="left"> <span style="font- family:georgia;"><marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>

dengan warna

<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="Link gambar kamu" /></div></marquee>











Keterangan

BGCOLOR=warna
DIRECTION=Mengatur arah gerakan (left,right,up.down)
BEHAVIOR=karakter gerakan (scrol,slide,alternate)
SCROL=(teks bergerak berputar)
SLIDE=(teks bergerak sekali lalu berhenti)
ALTERNATE=(teks bergerak dari kiri ke kanan lalu balik)
TETLE=pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT=mengatur kecepatan gerakan
SCROLLDELAY=mengatur tenggang waktu
LOOP=mengatur jumlah

 Semoga Bermanfaat ya.. :D
Label:

0 komentar:

Posting Komentar

No Spam Brader :)