TAG MARQUUE DAN ATRIBUTNYA

Membuat  Teks Berjalan

Untuk kali ini  lebih keren lagi yaitu membuat teks berjalan dari arah kiri, kanan, atas, maupu bawah. Berikut ulasanya

Attribute	Value	Description
direction	up, down, left, right	untuk mengatur kearah mana teks atau konten akan berjalan.
width	px atau %	mengatur lebar konten dari marquee.
height	px atau %	mengatur tinggi konten dari marquee.
bgcolor	nama warna (red, blue, dst) atau kode warna.	memberi background konten dari marquee.
behavior	scroll, slide, alternate	mengatur variasi berjalannya teks atau konten dalam marquee.
scrollamount	angka	mengatur kecepatan dari berjalannya teks atau konten.
scrolldelay	seconds	mengatur jeda atau perhentian sejenak.
align	left, center, right, justify	mengatur posisi teks atau konten pada marquee
onmouseover	this.stop()	menghentikan teks yang berjalan saat disorot mouse
onmouseout	this.start()	melanjutkan berjalan ketika mouse keluar dari area marquee
hspace	px	mengatur jarak spasi kanan kirinya konten
vspace	px	mengatur jarak atas bawahnya konten
loop	angka atau infinite	menagatur pengulangan dalam mengulangi berjalannya teks atau konten

• Teks berjalan dari kanan ke kiri atau settingan default.

contoh :

<marquee> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

• Teks berjalan dari kiri ke kanan.

dengan tambahan atribut "direction"  kita dapat menampilkan dari arah manapun yang kamu mau asal tidak dari arah pojok loo. kalau dari arah pojok tidak bisa.

contoh :

<marquee direction="right"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

• Teks berjalan atas ke bawah.

contoh :

<marquee direction="down"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

• Teks berjalan bawah ke atas.

contoh :

<marquee direction="up"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

Mari kita mengenal atribut tag <marquee> yang lain, pasti lebih seru lagi.

1. width 
Dimulai dengan atribut width, seperti yang sudah kita ketahui bahwa width digunakan untuk mengatur lebar suatu konten. Pada atribut tag ini width befungsi mengatur lebar konten dari tag <marquee>

Contoh: 

<marquee width=300px> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

2. height
Seperti yang kita telah ketahui juga bahwa height itu berfungsi untuk mengatur tinggi suatu konten seperti halnya juga pada tag <marquee> . yaitu untuk mengatur tinggi konten dari marquee.

Contoh: 

<marquee height=100px> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

3. bgcolor
untuk atribut tag ini digunakan untuk membuat background pada area tag <marquee>.

Contoh: 

<marquee bgcolor=blue> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

4. behavior
atribut tag ini digunakan untuk variasi tampilan dari <marquee>. untuk variasi tampilan <marquee> itu ada 3 yaitu :

• behavior="scroll"

yaitu atribut yang menampilkan variasi berjalan terus tanpa berhenti.

Contoh: 

maka hasilnya : 

Taruh teks kamu di sini

• behavior="alternate"

yaitu atribut yang menampilkan variasi berjalan pada saat telah sampai di ujung akan kembali lagi dan sebaliknya.

Contoh: 

<marquee behavior="alternate"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

• behavior="slide"

yaitu atribut yang menampilkan variasi berjalan saat sampai di ujung akan berhenti dan tidak akan berjalan lagi

Contoh: 

maka hasilnya : 

Taruh teks kamu di sini

5. scrollamount
yaitu atribut tag <marquee> yang berfungsi sebagai mengatur kecepatan jalannya teks dan dalam bentuk value angka.

Contoh: 

<marquee scrollamount=10> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

6. scrolldelay
yaitu atribut tag <marquee> yang berfungsi sebagai memberi jeda dan dalam bentuk value angka yang minimal ratusan, jika value dibawah 100 tidak akan terlihat efeknya.

Contoh: 

<marquee scrolldelay="300"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini 

7. onmouseover
yaitu atribut tag <marquee> yang berfungsi menghentikan jalanya teks pada saat disorot mouse atau pointer.

Contoh: 

<marquee onmouseover="this.stop()"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

8. onmouseout
yaitu atribut tag <marquee> yang berfungsi menjalankan kembali teks atau konten pada saat disorot mouse atau pointer. Tag ini tak akan berfungsi jika tidak menggunaka atribut "onmouseover"

Contoh: 

<marquee onmouseover="this.stop()" onmouseout="this.start()"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu disini

9. align
yaitu atribut tag <marquee> yang berfungsi untuk mengatur posisi konten. Pada atribut ini takkan ada efeknya jika kita mengatur atribut "direction" dengan "left" atau "right".

Contoh: 

<marquee align="right" direction="up" height="100px" width="200px" > Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu di sini

10. hspace
yaitu atribut tag <marquee> yang berfungsi untuk mengatur jarak spasi kanan kirinya konten marquee
Contoh: 

<marquee hspace="100px"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu disini

11. vspace
yaitu atribut tag <marquee> yang berfungsi untuk mengatur jarak spasi atas bawanya konten marquee

Contoh: 

<marquee vspace="50px"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu disini

12. loop
yaitu atribut tag <marquee> yang berfungsi menagatur pengulangan dalam mengulangi berjalannya teks atau konten. tag ini menggunakan value angka atau "infinite" yang artinya tak terbatas pengulangannya.

Contoh: 

<marquee loop="3"> Taruh teks kamu di sini</marquee>

maka hasilnya : 

Taruh teks kamu disini

Selamat Mencoba