HTML : Membuat Tulisan Berjalan pada HTML (marquee)

Sudah lama tidak membuat artikel baru lagi.
Kali ini saya ingin melanjutkan artikel mengenai HTML. Pada artikel ini akan dibahas mengenai "cara membuat tulisan bergerak pada HTML".

Untuk membuat tulisan berjalan dapat menggunakan tag <marquee> </marquee>.

Penulisan umum : <marquee> Teks Di sini </marquee>

Langsung kita coba saja :

  Tulisan berjalan menggunakan Marquee

Nah hasilnya akan seperti diatas. Arah dari tulisan tersebut dari kanan ke kiri. Lalu, bagaimana caranya agar kita dapat mengubah arah jalannya tulisan tersebut misalkan dari atas ke bawah atau sebaliknya ?

cara nya cukup mudah, dengan hanya menambahkan attribut "direction". 

• DIRECTION

Penulisan umum : <marquee direction="up"></marquee>  

Ayo kita langsung coba saja :

Teks ke Atas 

Cukup mudah bukan ? mari kita jelaskan.

pada attribut direction nilai nya adalah up yang artinya bahwa tulisan tersebut akan bergerak dari bawah ke atas. Ada beberapa nilai yang dapat diterapkan pada attribut direction, yaitu :
- up  =  teks yang bergerak dari bawah ke atas
- bottom = teks yang bergerak dari atas ke bawah
- left = teks yang bergerak dari kanan atau kiri
- right = teks yang bergerak dari kiri ke kanan

Untuk arah tulisan kita sudah berhasil membuatnya, sekarang adalah bagaimana kita hanya ingin tulisan tersebut bergerak hanya sebanyak 2x atau 10x saja ? 
Cara nya pun cukup mudah hanya dengan menambahkan attribut "loop" yang berarti "ulang".

• LOOP

Penulisan umum : <marquee loop="angka"> Teks disini </marquee>

Langsung saja kita praktekkan dengan nilai loop sebanyak 2 : <marquee loop="2"> Tulisan ini berulang sebanyak 2x </marquee>

Tulisan ini akan berulang sebanyak 2x 

 Jika tidak terlihat tulisannya tolong di refresh karena jika sudah 2x looping maka tulisannya hilang.  Jika kita tidak menuliskan attribut loop boleh saja karena nilai default dari nilai loop adalah infinite

Eitss, ada beberapa attribut lagi loh yang dapat di tambahkan ke dalam tag <marquee> ini yaitu :

- scrollamount = digunakan untuk mengatur kecepatan gerak tulisan
- scrolldelay = digunakan untuk mengatur waktu gerak tulisan atau mengatur jeda.

Pasti masih kebingungan dengan hanya penjelasan seperti di atas bukan ? lebih baik kita praktekkan saja langsung.

Kita akan membahas scrollamount terlebih dahulu.

• SCROLLAMOUNT

Penulisan Umum : <marquee scrollamount="angka"> Teks disini </marquee>

Langsung saja kita praktekan dengan membuat dua buah statement dengan nilai scrollamount agar tahu perbedannya :

 Marquee dengan scrollamount bernilai 5  
Marquee dengan scrollamount bernilai 10 

Bagaimana ? terlihat jelas bukan perbedaan kedua hasil tersebut yang pertama lebih cepat dibandingkan yang kedua. Jadi, semakin besar nilai scrollamount maka semakin cepat tulisannya berjalan.

• SCROLLDELAY

Lalu sekarang bagian scrolldelay. Nilai dari scrolldelay ini akan di bagi 1000, contoh kita memasukkan nilai 500, maka 500/1000 = 0,5 jadi jeda dari tulisannya adalah 0,5 detik.
Contoh lain kita memasukkan nilai 5000, maka 5000/1000 = 5, jadi jeda tulisannya adalah 5 detik. Mari kita langsung praktekkan saja.

Penulisan Umum : <marquee scrolldelay="angka"> Teks disini </marquee>
Contoh :


Marquee yang menggunakan nilai scrolldelay 500  
Marquee yang menggunakan nilai scrolldelay 5000

Terlihat jelas bukan perbedaannya dari kedua hasil di atas ?  jadi semakin besar angka nya semakin lama juga jeda nya.

Okeee, kita sudah membahas cukup banyak tentang tag marquee semoga jelas dengan apa yang saya tulis di artikel ini. Jika ada yang ingin ditanyakan silahkan tanya melalui kolom komentar,