 |
Assalamu'alaikum...
Selamat malam sahabat E-Weblog, semoga kalian belum pada tidur ya. Soalnya E-Weblog datang ingin share ilmu nih. Oh ya kalian pernah melihat teks berjalan pada suatu halaman web kan? nah itu yang akan kita pelajari malam ini. Sebelum pada ngantuk mending kita langsung saja ya.
Tag MarqueeDigunakan untuk membuat efek pada suatu teks. Seperti membuat teks berjalan kekiri kekanan kebawah dan keatas. Hal ini bertujuan untuk menambah daya tarik web.
Ada beberapa atribut yang digunakan oleh tag marquee yaitu:
- bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.
- direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
- scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.
- behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).
- width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).
- height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).
- align : Untuk mengatur posisi (center, left, right).
- onmouseover : Untuk memberhentikan efek ketia disorot(hover) mouse.
- onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot(hover) text.
Untuk lebih jelasnya kalian bisa ketik nih script:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Marquee</title>
</head>
<body>
<marquee>Standar tag marquee tanpa atribut</marquee>
<marquee direction="up">marquee direction="up"</marquee> <marquee direction="right">marquee direction="right"</marquee> <marquee direction="down">marquee direction="down"</marquee> <marquee direction="left">marquee direction="left"</marquee>
<marquee behavior="alternate">marquee behavior="alternate"</marquee>
<marquee behavior="scroll">marquee behavior="scroll"</marquee> <marquee behavior="slide">marquee behavior="slide"</marquee>
<marquee scrollamount="10">marquee scrollamount="10"</marquee> <marquee scrollamount="20">marquee scrollamount="20"</marquee> <marquee scrollamount="30">marquee scrollamount="30"</marquee>
<marquee width="75%">marquee width="75%"</marquee>
<marquee width="30%">marquee width="30%"</marquee>
<marquee height="75%">marquee height="75%"</marquee>
<marquee height="30">marquee height="30"</marquee>
<marquee bgcolor="red">marquee bgcolor="red"</marquee>
<marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>
<marquee direction="down" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100"> Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot </marquee>
</body>
</html>
Selamat Mencoba :-)
Dan semoga postingan E-Weblog malam ini bermanfaat bagi kalian semua. Jangan lupa tetap kunjungi blog ini ya. See you next time..
Salam NetBie...
Tidak ada komentar:
Posting Komentar