Cara Membuat Tulisan Berjalan pada Website
Website yang animatif bisa membuat orang menjadi
tertarik untuk membukanya. Konten yang animatif biasanya mampu menarik
perhatian pengunjung untuk sekedar melihat atau membacanya. Dengan
demikian informasi yang kita tulis bisa tersampaikan. Biasanya website
animatif dibuat dengan memasukkan flash ke dalam website atau gambar-gambar animasi seperti .gif.
Ada cara lain supaya website kita menjadi lebih animatif, yaitu dengan membuat tulisan berjalan atau bergerak pada halaman website. Tulisan berjalan tersebut biasa disebut sebagai text marquee. Marquee sebenarnya sebuah tag HTML yang digunakan untuk membuat konten (isi) website menjadi bergerak. Kali ini kita hanya akan belajar membuat teks berjalan saja. Secara sederhana, tag marquee tersebut ditulis dalam bentuk:
TEXT HERE
Secara otomatis, tulisan “TEXT HERE” yang dibungkus oleh tag marquee tersebut akan bergerak pada website kita.
Agar tulisan berjalan yang kita buat tersebut lebih menarik, kita bisa lakukan pengaturan terhadap beberapa atribut tag marquee. Atribut-atribut yang dimaksud diantaranya:
Secara otomatis, tulisan “TEXT HERE” yang dibungkus oleh tag marquee tersebut akan bergerak pada website kita.
Agar tulisan berjalan yang kita buat tersebut lebih menarik, kita bisa lakukan pengaturan terhadap beberapa atribut tag marquee. Atribut-atribut yang dimaksud diantaranya:
- Behavior , yaitu atribut untuk mengatur perilaku tulisan. Nilainya adalah:
- Scroll : teks/tulisan akan berjalan berulang kali. Makdusnya adalah setelah berjalan 1 kali, maka akan muncul kembali untuk berjalan lagi.
- Slide : teks/tulisan akan berjalan hanya 1 kali. Setelah itu berhenti.
- Alternate : teks/tulisan akan berjalan bolak balik, setelah dari kiri ke kanan kemudian berbalik dari kanan ke kiri (atau sebaliknya).
<marquee behavior="alternate">TEXT HERE</marquee>
- Direction, merupakan atribut yang mengatur arah gerak tulisan. Nilainya adalah:
- Right: agar tulisan berjalan ke kanan
- Left: agar tulisan berjalan ke kiri
- Down: agar tulisan berjalan ke bawah
- Up: agar tulisan berjalan ke atas.
<marquee behavior="scroll" direction="right">TEXT HERE</marquee>
- Scrollamount, merupakan atribut yang mengatur kecepatan
tulisan berjalan. Nilanya berupa angka. Semakin besar angkanya, maka
kecepatannya akan semakin besar pula.
<marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()">TEXT HERE</marquee>
- Onmouseover, merupakan atribut yang mengatur perilaku tulisan jika mouse diletakkan di atasnya. Misalnya kita ingin tulisan akan berhenti jika muse diletakkan diatasnya, maka bentuknya adalah :
<marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()" onmouseout="this.start()">TEXT HERE</marquee>
- Onmouseout, merupakan atribut yang mengatur perilaku tulisan jika
mouse tidak diletakkan di atasnya. Misalnya kita ingin membuat tulisan
yang berhenti pada contoh di atas menjadi bergerak kembali, maka
bentuknya adalah:
onmouseout="this.start()"
<marquee behavior="alternate" direction="right" scrollamount="30" bgcolor="#0000FF" width="50%">TEXT HERE</marquee>
SEMOGA BERMANFAAT BAGI ANDA
SILAKAN DI COBA
SILAKAN DI COBA
Post a Comment