Senin, 28 September 2020

Html Marquees

Sebelum ke topik pembahasan mau sedikit berbagi dikala pertama kali mengenal internet dan dapet saluran tanpa batas 24 jam. Apa yang kau suka dikala browsing? Klo Rani mah jaman dulu banget sih, blom ngetrend FB, twitter, ato instagram. Friendster juga gres kesini sini nya. Mungkin dasar cewek yah, dahulu seneng banget ngumpulin gambar disney yang bisa bergerak (gif file). Nah pas kebetulan pertama belajar code itu windows app pake VB6, pengen bikin tulisan bergerak. Lumayan panjang tuh, proses nya. Tapi klo di HTML sih tinggal pake tag .

Tag adalah penampilan teks bergerak secara horizontal maupun vertikal, tergantung pada setingan.
Catatan: Bisa jadi marqueee tidak disokong beberapa browser, selain menggunakan tag ini untuk menciptakan efek serupa kita dapat menggunakan javascript dan css.

Sintaks:


konten



Isi konten dari marquee mampu berupa teks ataupun gambar. Sementara beberapa atribut penting dalam tag ini yakni sebagai berikut:
AtributKeterangan
widthMenentukan ukuran lebar dari komponen marquee. Bisa diisi dengan nilai angka seperti 18 atau 25% atau 50px, dsb.
heightMenentukan ukuran tinggi dari bagian marquee. Bisa diisi dengan nilai angka mirip 18 atau 25% atau 50px, dsb.
directionMenentukan arah marquee bergerak. Diisi dengan up (= atas), down (=bawah), left (=kiri) atau right (=kanan).
behaviorMenentukan tipe pergerakan marquee. Bisa diisi dengan nilai scroll, slide atau alternate.
scrolldelayMenentukan waktu tunda tiap per langkah. Diisi dengan nilai angka mirip 10.
scrollamountMenentukan kecepatan marquee. Diisi dengan nilai angka mirip 10.
loopMenentukan berapa kali putaran. Nilai defaultnya yakni tak terbatas.
bgcolorMenentukan warna latar. Diisi dengan nama warna atau dengan arahan hex warna.
hspaceMenentukan ruang horizontal sekitar maequee. Diisi nilai berupa angka seperti 18 atau 25% atau 50px, dsb.
vspaceMenentukan ruang vertikal sekitar maequee. Diisi nilai berupa angka seperti 18 atau 25% atau 50px, dsb.

Berikut ini beberapa acuan marquee:
Contoh 1:
Contoh marquee yang paling dasar.
Hasilnya:
Contoh marquee yang paling dasar.

Contoh 2:
Contoh ini cuma memiliki lebar 50%.
Hasilnya:
Contoh ini cuma mempunyai lebar 50%.

Contoh 3:
Contoh marquee dengan behavior scroll.
Contoh marquee dengan behavior slide.
Contoh marquee dengan behavior alternate.

Hasilnya:
Contoh marquee dengan behavior scroll. Contoh marquee dengan behavior slide. Contoh marquee dengan behavior alternate.

Contoh 4:
Teks ini akan bergerak dari kanan ke kiri.
Teks ini akan bergerak dari kiri ke kanan.
Teks ini akan bergerak dari bawah ke atas.
Teks ini akan bergerak dari atas ke bawah.

Hasilnya:
Teks ini akan bergerak dari kanan ke kiri. Teks ini akan bergerak dari kiri ke kanan. Teks ini akan bergerak dari bawah ke atas. Teks ini akan bergerak dari atas ke bawah.




Click here if you like this article.



Sumber http://rani-irsan.blogspot.com


EmoticonEmoticon