Belajar html Cara Membuat Teks/Obyek Bergerak.

ke bawah


Marquee merupakan salah satu tag dalam html yang berguna untuk menampilkan sesuatu yang bergerak pada halaman web, bisa berupa teks biasa, gambar dan yang lainnya.

Dengan adanya tag ini, tampilan halaman menjadi sangat interaktif karena menampilkan sesuatu yang bergerak, sehingga menarik perhatian para pengunjung. Tag ini akan sangat baik bila digunakan untuk kepentingan pengumuman-pengumuman, iklan dan yang lainya.

Susunan html sederhana tag marquee :

<marquee>
tulisan ini tampil berjalan
</marquee>
Maka akan tampak pada halaman seperti ini :

tulisan ini tampil berjalan
Agar tampilan lebih atraktif lagi bisa ditambahkan atribut-atributnya yaitu: BGCOLOR, WIDTH, HEIGHT, DIRECTION, BEHAVIOUR, SCROLL, VSPACE, HSPACE dan lainnya.

bgcolor :

atribut bgcolor berguna untuk memberi latar belakang warna pada objek yang bergerak. Atau menggunakan atribut style dengan properti background-color. Value dari atribut ini adalah warna.


<marquee style="background-color:yellow">
teks berjalan dengan latarbelakang warna kuning
</marquee>

teks berjalan dengan latarbelakang warna kuning

width dan height:

Atribut ini berguna untuk menentukan ukuran dari objek yang ditampilkan bergerak. Width: untuk menentukan lebar, dan height: untuk menetukan tingginya.


<marquee width="100" height="40">
objek berjalan dengan lebar:100 dan tinggi:40
</marquee>

teks berjalan dengan width:100 dan height:40

vspace dan hspace :

Kedua tag ini berfungsi untuk menentukan jarak antara obyek yang bergerak dengan tulisan, kiri-kanan untuk hspace dan atas-bawah untuk vspace.

direction :

Atribut ini berfungsi untuk menentukan arah gerakan, value dari atribut direction dapat dipilih: left (ke kiri), right (ke kanan), up (ke atas) dan down (ke bawah).

<marquee direction="left" |"right" |"up" |"down">
objek berjalan ke kiri, ke kanan, ke atas atau ke bawah
</marquee>

tulisan ini tampak berjalan kekanan.

behaviour:

Atribut ini berguna untuk menentukan bagaimana tampilan itu bergerak. Jika pada atribut direction menentukan arah dari gerakan, maka pada atribut behaviour yang ditentukan adalah prilaku gerakannya. Value dari atribut ini adalah : scroll, slide, alternate.


behaviour=scrool : dengan atribut behaviour=scroll maka obyek akan bergerak sesuai arah yang ditentukan, dan mengulangi gerakannya dari titik awal.


behaviour=slide : Dengan cara ini, maka obyek akan bergerak sesuai arah yang ditentukan dan berhenti di titik akhir dan tidak mengulangi gerakannya.


behaviour=alternate : Dengan penentuan behaviour=alternate maka obyek akan melakukan gerakan bolak-balik.

<marquee behaviour="scroll" |"slide" |"alternate"> obyek bergerak dengan prilaku gerakan
</marquee>

tulisan ini tampak berjalan dengan prilaku behaviour

loop :

Dengan atribut loop maka obyek yang bergerak akan diatur jumlah gerakannya. Dengan kata lain, tanpa menggunakan atribut ini maka obyek yang bergerak akan melakukan gerakannya secara terus menerus.
Sebagai contoh:

<marquee width="200" height="60"
vspace="8" hsvace="6" bgcolor="yellow"
direction="left" loop="8"> teks berjalan dengan 8kali gerakan
</marquee>

Gerakan dengan loop:8, dan berhenti setelah 8 kali gerakan :

contoh teks bergerak dengan latar belakang warna kuning dan atribut lainnya

Itulah beberapa contoh cara membuat text /obyek bergerak pada halaman web.

back to top