Monday, November 11, 2019

Marquee, Membuat Teks dan Gambar Berjalan.

Marquee, Membuat Teks dan Gambar Berjalan.

Marquee adalah tag HTML non-standar yang digunakan untuk membuat teks berjalan atau gambar berjalan. Dan juga digunakan untuk membuat teks / gambar bergerak secara horizontal melintasi atau secara vertikal ke bawah halaman web.

Attribute Value Deskripsi
behavior scroll
slide
alternate
Menetapkan bagaimana teks digulir dalam tenda. Nilai yang mungkin adalah scroll, slide dan alternate. Jika tidak ada nilai yang ditentukan, nilai default adalah scroll.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Mengatur warna latar belakang melalui nama warna atau nilai heksadesimal.
direction up
down
left
right
Tetapkan arah pengguliran di dalam tenda. Nilai yang mungkin adalah kiri, kanan, atas dan bawah. Jika tidak ada nilai yang ditentukan, nilai default dibiarkan, maka akan otomatis bergerak dari kiri.
height pixels
%
Ini menentukan ketinggian tenda. Ini bisa berupa nilai seperti 10 atau 20% dll..
hspace pixels Menentukan space horizontal di sekitar tenda.
loop number Menentukan berapa kali konten akan bergulir. Jika kami tidak mendefinisikan ini, konten akan bergulir selamanya.
scrollamount number Menentukan jumlah gulir pada setiap interval dalam piksel. Nilai default adalah 6.
scrolldelay seconds Menentukan berapa lama penundaan di antara setiap lompatan. Nilai standarnya adalah 85 dan jumlah yang lebih kecil dari 60 akan diabaikan.
truespeed seconds Idigunakan untuk menunda scroll kurang dari 60.
vspace pixels Menentukan ruang vertikal di sekitar marquee.
width pixels
%
Menentukan lebar marquee.
Contoh -1 :
<marquee> Ini adalah contoh dasar dari marquee </marquee>

  Ini adalah contoh dasar dari marquee

Contoh -2 :
<marquee width="50%">This example will take only 50% width</marquee>

  Contoh ini hanya akan mengambil lebar 50%

Contoh -3 :
<marquee direction="right">Teks ini akan bergulir dari kiri ke kanan</marquee>

  Teks ini akan bergulir dari kiri ke kanan

Contoh -4 :
<marquee direction="up">Teks ini akan bergulir dari bawah ke atas</marquee>

  Teks ini akan bergulir dari bawah ke atas

Contoh -5 :
<marquee direction="down">Teks ini akan bergulir dari atas ke bawah</marquee>

  Teks ini akan bergulir dari atas ke bawah

Contoh dengan gambar -6 :
<marquee behavior="scroll" direction="up">
      <img alt="W3docs" height="45" src="https://1.bp.blogspot.com/-DVSuq3Ss4ws/XcUW-b1IHhI/AAAAAAAAAKE/cywydjKzinEzhb-nfAPS8rqvYq1Hiby3QCLcBGAsYHQ/w180-h160-c/SEO.jpg" width="190" />
    </marquee>

  W3docs

Load disqus comments

0 komentar