Belajar HTML Tags Marquee

eh, temen-temen dateng lagi di blog ini... masih mau belajar HTML yah?? oke... saya masih mau berbagi nih, HTML untuk tags tulisan berjalan atau bahasa inggrisnya yaitu marquee..
Sebelumnya kita sudah sedikit mengenal contoh marquee.. tulisan yang berjalan dengan atrribute <marquee>..


Oke, kali ini saya akan berbagi macam-macam jenis marquee yang keren dan unik, dan tentunya bermanfaat untuk mendesaian web yang ingin kita buat tentunya:
mau tau apa aja attributenya??? chekidot>>>>


1. Membuat tulisan berjalan dengan background
    Silahkan copy kode dibawah ini :

<marquee bgcolor="grey" style="color:white;">Tulisan berjalan dengan background.</marquee>

maka hasilnya akan,
Tulisan berjalan dengan background.

2. Membuat tulisan berjalan dengan gambar
    Silahkan copy kode dibawah ini :

<marquee behavior="scroll"> <img src="http://kimia.upi.edu/utama/bahanajar/kuliah_web/2009/0706498/bahan%20web/wawa_files/AddEmoticons04221.gif" width="110" height="84"><br />Dengan gambar </marquee>

maka hasilnya akan,

Dengan gambar

3. Membuat tulisan berjalan kekanan
    Silahkan copy kode dibawah ini :

<marquee behavior="scroll" direction="right">Tulisan berjalan kekanan</marquee>

maka hasilnya akan,

Tulisan berjalan kekanan

4. Membuat tulisan berjalan keatas
    Silahkan copy kode di dibaah ini :

<marquee height="30" behavior="scroll" direction="up">Tulisan berjalan ketas</marquee>

Tulisan berjalan ketas 

5. Membuat tulisan mantul

    Silahkan copy kode di dibaah ini :

<marquee width="200" behavior="alternate">Tulisan mantul</marquee>

Tulisan mantul

6. Membuat tulisan berhenti bila dibayangi oleh kursor

    Silahkan copy kode di dibaah ini :

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan akan stop bila dibayangi oleh cursor</marquee>

Tulisan berjalan akan stop bila dibayangi oleh cursor

7. Membuat tulisan zig-zag

    Silahkan copy kode di dibaah ini :

<marquee behavior="alternate" direction="up" height="50px"> <marquee direction="right">Zig-zag</marquee> </marquee>

Zig-zag

8. Membuat tulisan Bouncing around

    Silahkan copy kode di dibawah ini :

<marquee behavior="alternate" direction="up" width="300" height="100"> <marquee direction="right" behavior="alternate">Bouncing around</marquee> </marquee>

Bouncing around
 Nah,, itu tadi teman-teman attribut marquee yang keren dan unik dan juga indah untuk mendesain web yang kita inginkan.... oke, bagaimana sobat?? apakah sudah puas untuk marqueenya, mungkin sobat bisa belajar lebih dalam lagi tentang tags marquee.. oh ya saya hampir saja lupa. Bahwa Tag Marquee memiliki beberapa attribute seperti diatas dan sekarang saya akan memberikan ringkasan untuk fungsi dari setiap attribute, diantaranya adalah :

1. BGCOLOR="color" ? digunakan untuk menambahkan warna latar belakang dari sebuah objek (teks, image, dll).
2. DIRECTION="left/right/up/down" ? digunakan untuk menentukan arah pergerakan dari marquee.
3. BEHAVIOR="scroll/slide/alternate" ? digunakan untuk mengatur jenis dari marquee.
NB : 
4. Scroll ? objek selalu berputar.
5. Slide ? objek berputar sekali lalu berhenti.
Alternate ? objek bergerak ke kiri dan ke kanan secara berulang.
6. SCROLLAMOUNT="number" ? untuk mengatur kecepatan gerakan dalam satuan pixel (semakin besar angka semakin cepat gerakannya).
7. SCROLLDELAY="number" ? untuk mengatur waktu tunda gerakan dalam mili detik.
8. LOOP="number|-1|infinite" ? untuk mengatur jumlah loop.
9. WIDTH="number" ? untuk mengatur panjang/lebar dari marquee dalam satuan pixel (px) atau persen (%).
 Oh ya biasanya untuk tags marquee attributenya tidak support semua tapi kalo pingin support bisa buka lewat mozila firefox

yuphz,, mungkin itu tadi sobat, yang saya punya ilmu tentang tags marquee, semoga saja ini bermanfaat bagi teman-teman semua,

Selamat mencoba, semoga bermanfaat..

Dan untuk tags selanjutnya adalah Belajar HTML Tags table, oke sampai ketemu di episode berikutnya...

Read More ->>