Tag marquee sebenarnya bukan tag standar HTML, sehingga ada kemungkinan tidak berfungsi dengan baik di browser tertentu. Namun jangan terlalu khawatir, browser-browser populer bisa menjalankannya dengan baik.
Prinsipnya, kode dasar marquee (tanpa pengaturan tambahan) yang perlu Anda buat adalah sebagai berikut:
<marquee>Ini baris teks, kode link, atau kode gambar yang akan ditampilkan</marquee>
Penjelasan:
- Awali dengan tag pembuka <marquee> dan akhiri dengan tag penutup </marquee>.
- Tempatkan teks, kode HTML link, atau kode HTML gambar di antara tag pembuka dan penutup marquee.
Berikut contoh marquee sederhana berupa teks tanpa pengaturan apapun.
Kode:
<marquee>Contoh teks berjalan</marquee>
Tampilan:
Berikut contoh marquee sederhana berupa gambar. Anda cukup mengganti teks dengan kode HTML untuk penyisipan gambar.
Kode:
<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBQCUVOugToyCCfXZhLmXRDS0A2wQVXXUSQnd_dhRdlHMZfXbTQhZ6J1hlcca7TcXadSYlTn5UWHUK8N9uuBix_mwAhqBAzhFAHM8Aiz-oQ1bkAZeRS6ACvxE18Vj1durNwjECY3L4e5I/s1600/kode-html.png" /></marquee>
Tampilan:
Berikut contoh marquee sederhana berupa teks link. Anda cukup memasang kode HTML untuk penyisipan link.
Kode:
<marquee><a href="http://www.komputeran.com">Komputeran</a></marquee>
Tampilan:
Selain contoh kode marquee dasar di atas, Anda dapat mengatur tampilan marquee sesuai dengan keinginan Anda. Caranya dengan menambahkan atribut tertentu di dalam tag marquee. Berikut ini susunan kodenya:
<marquee behavior="tindakan" direction="arah" scrollamount="angka">Ini baris teks, kode link, atau kode gambar yang akan ditampilkan</marquee>
Penjelasan:
- Gunakan behavior untuk melakukan tindakan tertentu, nilainya yaitu: scroll (terus berputar), slide (berputar sekali), alternate (bolak-balik)
- Gunakan direction untuk menentukan arah pergerakannya, nilainya yaitu: left (ke kiri), right (ke kanan), up (ke atas), down (ke bawah).
- Gunakan scrollamount untuk menetapkan kecepatannya, nilainya yaitu: angka, dalam hal ini angka 1 paling lambat.
Kode:
<marquee behavior="scroll" direction="right" scrollamount="1">Teks terus berputar ke kanan dengan kecepatan lambat</marquee>
Tampilan:
Kode:
<marquee behavior="alternate" scrollamount="5">Teks bolak-balik ke kiri dan ke kanan dengan lebih cepat</marquee>
Tampilan:
Kode:
<marquee behavior="slide" direction="up" scrollamount="1">Teks ini bergerak perlahan sampai ke atas, lalu berhenti.</marquee>
Tampilan:
Selain menggunakan pengaturan via atribut behavior, direction, dan scrollamount, Anda juga bisa mencoba menambahkan atribut align (perataan margin), bgcolor (warna latar), width (lebar marquee), loop (membatasi jumlah perulangan), dan scrolldelay (mengatur waktu jeda). Selain itu, tag marquee juga bisa Anda sisipi style (CSS) untuk mempercantik tampilan. Bahkan, Anda bisa menambahkan kode JavaScript di dalamnya.
Contoh marquee dengan atribut lainnya:
Kode:
<marquee behavior="alternate" scrollamount="5" bgcolor="orange" width="50px">Teks berlatar oranye dengan lebar 50 piksel.</marquee>
Tampilan:
Contoh marquee dengan kode CSS:
Kode:
<marquee behavior="alternate" scrollamount="5" style="border:1px solid #eee;font-size:16px;color:#6699cc">Teks warna biru dan diberi garis batas abu-abu.</marquee>
Tampilan:
Contoh marquee dengan kode JavaScript:
Kode:
<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">Tahan teks ini dengan mouse untuk menghentikannya.</marquee>
Tampilan:
Anda bisa mengkombinasikan berbagai teknik di atas untuk mendapatkan hasil marquee yang lebih menawan. Selamat mencoba dan berkreasi!
ngomong2 tag ini kan sudah deprecated ya? atau barangkali di HTML5 dihidupkan lagi? menurut abang penulis gimana?
BalasHapusKeren artikelnya gan, apakah akan memberatkan blog ?
BalasHapussalam kenal
wow super keren..bukan hanya teks yang dimodif hingga berjalan,,gambar juga bisa..terimakasih gan atas infonya..
BalasHapusakan saya coba
kedua kalinya saya mengunjungi artikel agan ini,,setelah kemarin saya mencoba alhasil berhasil gan..
BalasHapusterimakasih atas panduan agan ini..
oh iya gan mohon muat yang lain..misalnya membuat teks/kalimat berkedip-kedip kode HTMLnya apa gan.?
thanks
kedua kalinya saya mengunjungi artikel agan ini,,setelah kemarin saya mencoba alhasil berhasil gan..
BalasHapusterimakasih atas panduan agan ini..
oh iya gan mohon muat yang lain..misalnya membuat teks/kalimat berkedip-kedip kode HTMLnya apa gan.?
thanks
Ngomong-ngomong Scricpt di atas tidak berlaku pada Internet Explorer coba aja buka blog ini via IE.. gak ada tampilan berjalan..
BalasHapusdan sampai skrg saya masih cari solusi biar bisa berfungsi di IE.. jika ada yang bisa membantu sebelumnya terimaksih..
blog kumpulan cwk bokep
BalasHapusjembut memek cewek bali
cwk panggilan asli mlg
video bokep mahasiswi mlg
pin bbm bispak malang
trik ngentot gratis cara gue
geng motor cewek mlg
foto-foto kimcil malang
wisata empek di batu-malang
mantap naik motor bonus naik cewek!!!!
jilati memek cewekku didepan laptopkoe
http://bwservicecenter.blogspot.com/ GOOD POSTING GAN
BalasHapusTerima kasih banyak infonya gan http://www.asbin.gamplong.com/
BalasHapusmantap nih tutornya mau ane pake aja hehehe
BalasHapushttp://acemaxs31.com
mantep banget informasinya,,, terima kasih banyak ,,,
BalasHapushttp://belajar-komputeran.blogspot.com/
Infonya Sangat Bermanfaat GAN
BalasHapusCerita Dewasa Indo Bugil
www.newindo.org
www.newindo.org
www.newindo.org
www.newindo.org
www.newindo.org
www.newindo.org
Rahasia Wanita Masakini 2015
YANG BESAR JADI ENAK TOP
Penis Terbesar
Payuda Terbesar