Posted by : Unknown Friday, December 07, 2012



Mungkin kawan semua 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 marquee.

Tag yang kita gunakan adalah:

<marquee>text yang kita inginkan</marquee>


ini contohnya:

assalamualaikum





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

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 pratekkan:


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


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


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


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

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


Dengan latar belakang warna
<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>


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

Dengan gambar atau foto
<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="masukan link gambar yang sobat ingin ditampilkan" /></div></marquee>

Dari arah kiri ke kanan

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



SELAMAT MENCOBA





CLOCK

Followers

Powered by Blogger.

- Copyright © Pencarianmu -Pencarianmu -Kab.Pangandaran GTT mencoba- Powered by Blogger - inilah aku dg25 -