Bentuk Teks Variasi Berjalan

Perlu kita ketahui secara default, teks atau obyek seperti gambar dan lain sebagainya yang telah di format kedalam kode html <marquee> sudah memiliki arah (dari kanan ke kiri), style dan kecepatan standar apabila formatnya hanya seperti ini :
<marquee>teks atau obyek lain berada disini</marquee>
 
Hasilnya :
teks atau obyek lain berada disini
 
Supaya tidak rumit, kita hanya akan menggunakan "teks" sebagai objek dalam experimen berikut ini :D

Menampilkan arah teks dari kiri ke kanan
Menampilkan arah teks dari kiri ke kanan

Kode :

<marquee direction="right">Menampilkan arah teks dari kiri ke kanan</marquee>

Menampilkan kecepatan dari gerakan teks

Menampilkan kecepatan dari gerakan teks

Kode :

<marquee scrollamount="20">Menampilkan kecepatan dari gerakan teks</marquee>

Ket : 20 adalah tingkat kecepatan, sobat dapat mengubahnya sesuai selera.

Menampilkan gerakan bolak-balik pada teks

Menampilkan gerakan bolak-balik pada teks
Kode :

<marquee behavior="alternate">Menampilkan gerakan bolak-balik pada teks</marquee>

Menampilkan warna sebagai background pada teks

Menampilkan warna sebagai background pada teks

Kode :

<marquee bgcolor="00ff00">Menampilkan warna sebagai background pada teks</marquee>

Ket : Kode #00ff00 adalah kode CSS yang menentukan warna pada background teks, ini juga dapat di ubah. Kalau ga mau repot dengan lambang angka-angkanya, bisa ditulis jenis warnanya tapi dengan bahasa inggris. Misalnya, untuk warna biru (#ff0000) langsung ditulis aja "blue"

Menampilkan lebar jalur teks yang bergerak

Menampilkan tinggi jalur teks yang bergerak

Kode :

<marquee height="30px">Menampilkan tinggi jalur teks yang bergerak</marquee>

Ket : Angka 30px merupakan tinggi dari tempat jalur kemunculan teks

Menampilkan lebar tempat kemunculan teks

Menampilkan lebar tempat kemunculan teks
Kode :

<marquee width="200px">Menampilkan lebar tempat kemunculan teks</marquee>

Ket : angka 200px merupakan nilai dari lebar tempat kemunculan teks. Untuk alternatif lain, Sobat juga bisa angka pixel dengan nilai persentase.

Posted in: