Selasa, 10 Agustus 2010

Trik membuat efek tulisan berjalan

Trik membuat efek tulisan berjalan atau biasa disebut efek marquee.
Contoh dan cara memberikan efek marquee pada tulisan.
  • Efek marquee standar / tulisan berjalan dari kanan kekiri

Tulisan berjalan dari kanan kekiri
  • kode HTML ditambahkan sebelum dan sesudah tulisan yaitu :
  • <marquee>Tulisan berjalan dari kanan kekiri</marquee>
  • Efek marquee dengan kecepatan berbeda-beda

    Tulisan berjalan dari kanan kekiri dengan kecepatan 1
    Tulisan berjalan dari kanan kekiri dengan kecepatan 2
    Tulisan berjalan dari kanan kekiri dengan kecepatan 3
    Tulisan berjalan dari kanan kekiri dengan kecepatan 4

  • Untuk yang lebih cepat lagi

    Tulisan berjalan dari kanan kekiri dengan cepat


  • Kode HTMLnya :
  • <marquee scrollamount="1">Tulisan berjalan dari kanan kekiri dengan kecepatan 1</marquee>
  • <marquee scrollamount="2">Tulisan berjalan dari kanan kekiri dengan kecepatan 2</marquee>
  • <marquee scrollamount="3">Tulisan berjalan dari kanan kekiri dengan kecepatan 3</marquee>
  • <marquee scrollamount="4">Tulisan berjalan dari kanan kekiri dengan kecepatan 4</marquee>

  • Untuk yang lebih cepat lagi kodenya  :
  • <marquee scrollamount="80">Tulisan berjalan dari kanan kekiri dengan kecepatan 80</marquee>

  • Sedangkan trik agar tulisan berjalan dari kiri kekanan

Tulisan berjalan dari kiri kekanan
 

  • Kode HTMLnya :
  • <marquee scrollamount="4"direction="right">Tulisan berjalan dari kiri kekanan</marquee>
Kode right bisa diganti left,up atau down untuk efek yang diinginkan

  • Trik efek tulisan berjalan kekanan dan kekiri / bolak-balik

Tulisan bolak balik kanan kiri kanan kiri


  • Kode HTMLnya :
  • <marquee behavior="alternate">Tulisan bolak balik kanan kiri kanan kiri</marquee>

  • Trik membuat tulisan bergerak Zig-Zag


Tulisan ini bergerak Zig-Zag

  • Kode HTMLnya :
  • <br/><center><marquee behavior="alternate"direction="up"width"50%"><marquee direction="right"behavior="alternate">Tulisan ini bergerak Zig-Zag</b></marquee></marquee></center>


  • Trik memberikan efek warna latar pada tulisan bolak balik

Tulisan berlatar Warna Merah
Tulisan berlatar Warna Kuning
Tulisan berlatar Warna Hijau

Tulisan berlatar  Biru berjalan  dimulai dari bawah menuju  ke atas  kemudian  kembali  kebawah

Tulisan berlatar  Kuning jeruk  berjalan dimulai  dari  atas menuju  kebawah  dan  kembali keatas
  • Kode HTMLnya :
  • <marquee behavior="alternate"direction="right"bgcolor="red">merah</marquee>
  • <marquee behavior="alternate"direction="left"bgcolor="yellow">kuning</marquee>
  • <marquee behavior="alternate"direction="right"bgcolor="green">hijau</marquee>
  • <marquee behavior="alternate"direction="up"bgcolor="blue">biru</marquee>
  • <marquee behavior="alternate"direction="down"bgcolor="orange">kuning jeruk</marquee>

  • Keterangan
  • Tulisan Red, yellow,green,... adalah tampilan warna latar / background yang ingin ditampilkan.
  • Dapat pula diisi dengan kode warna HTML misal #adff2f untuk warna latar greenyellow
Warna latar tulisan dengan bgcolor #adff2f

SEMOGA BERMANFAAT

Tidak ada komentar:

Posting Komentar