Welcome to My blog
<bgsound src="http://midi.homemusician.net/files/the_pretenders/ill_stand_by_you.mid"> </bgsound>

21.4.12

Membuat Teks Berjalan atau Marquee


Tulisan baik di postingan ataupun menu blog bila tampilannya biasa-biasa saja dan kurang enak dipandang mata (monoton) sehingga membuat bosan pengunjung, oleh karena itu sebisa mungkin kita harus kreatif. Bagi sobat yang berminat memasang text berjalan atau marquee pada blognya tinggal copy kode di bawah ini :


<marquee>text yang kita inginkan</marquee>


text yang kita inginkan

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



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


Sekarang langsung saja kita praktekan:

Dari arah kiri ke kanan

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

  dari kiri ke kanan


Arah bolak-balik

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


arah bolak balik


Dari kanan ke kiri dengan kecepatan "15"


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

dari kanan ke kiri dengan kecepatan 15


Arahkan mouse text berhenti

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


arahkan mouse teks berhenti



Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

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


dari atas ke bawah


Dengan latar belakang warna

<marquee width="70%" bgcolor="green">dari kanan ke kiri</marquee>

  dari kanan ke kiri



Dengan gambar atau foto

<marquee scrollamount="3" scrolldelay="10" width="100%" height="10%"><img src="http://images.cooltext.com/2463167.png " /></div></marquee>








silahkan coba


Artikel Terkait:


Tidak ada komentar:

Posting Komentar