Efek Marquee di HTML

Efek Marquee

Efek marquee adalah efek untuk membuat teks atau gambar berjalan.
Atribut yang sering di gunakan adalah :
  • bgcolor="warna"
  • direction="left/right/up/down" untuk mengatur arah gerakan teks.
  • behavior="scroll/slide/alternate" untuk mengatur perilaku gerakan. Scroll adalah suatu teks bergerak berputar. Slide adalah suatu teks bergerak sekali lalu berhenti. Alternate adalah suatu teks bergerak dari kiri kekanan lalu balik lagi. 
  • title="pesan" pesan akan muncul saat mouse berada di atas teks.
  • scrollmount="angka" mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat pula gerakan text itu.
  • scrolldelay="angka" untuk mengatur waktu tunda gerakan dalam detik. 
  • loop="angka|-1|infinite" untuk mengatur jumlah loop.
  • width="lebar" mengatur lebar blok teks dalam pixel atau persen.
Contoh sintaknya :
  1. <marquee>TEKS YANG BERJALAN</marquee>
  2. <marquee scrollamount="10">KECEPATAN TEKS YANG BERJALAN 10</marquee>
  3. <marquee direction="right">TEKS AKAN BERGERAK KE KANAN</marquee>
  4. <marquee title="TEKS AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>
  5. <marquee direction="down" scrollamount="4" scrolldelay="4" behavior="scroll"><img src="gambar pilihan anda.jpg" width="320" height="320"> (efek gambar akan berjalan kebwah)
Teks yang disisipkan atau dihapus
 Dalam menulis artikel web kita bisa mengkoreksi teks yang di tuliskan dengan menggunakan tag <ins> dan tag <del>. Tag tersebut kita bisa megkoreksi hasil pekerjaan dengan menyisipkan atau menghapus. Tag <ins> memberikan tanda untuk sisipan dengan membuat teks di garis bawah. Sedangkan Tag <del> bukan menghapus teks tetapi mengkoreksi pekerjaan dengan memberikan garis tengah horizontal pada teks yang dihapus.

Sintaknya : 

<html>
<body>
Riko membeli perlengkapan sekolah diantarnya sebagai berikut: <br>
1. Buku tulis Rp.12.000<br>
2. Pena Rp.5000<br>
Total pembeliannya adalah <del>20.000</del> <ins>17.000</ins>
</body>
</html>

 Semoga bermanfaat, terima kasih atas kunjungannya.

<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee> - See more at: http://www.seoterpadu.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.DPsVaaJN.dpuf
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee> - See more at: http://www.seoterpadu.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.DPsVaaJN.dpuf

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)