Berbagai variasi cara membuat tulisan berjalan

Kita lanjutkan tutorial kita kemarin Cara membuat tulisan / Huruf kelap-kelip dengan Berbagai variasi membuat tulisan berjalan ke arah kanan, kiri, setting warna, tebal tipis tulisan, cepat atau lambat, bisa di stop, atau ber-link.

Karena saya anggap anda sudah membaca artikel Cara membuat tulisan / Huruf kelap-kelip maka pada tutorial kali ini, saya tinggal melanjutkan saja.

inilah kode dan contoh nya masing-masing :


Tulisan bergerak ke kiri

<marquee direction="left"><span style="color: grey; font-weight: bold;">Tulisan bergerak ke kiri</span></marquee>

Tulisan bergerak ke kanan

<marquee direction="right"><span style="color: rgb(61, 91, 152); font-weight:thin;">Tulisan bergerak ke kanan</span></marquee>

Tulisan bergerak bolak-balik

<marquee behavior="alternate" direction="left"><span style="color: #38d878; font-weight: bold;">Tulisan bergerak bolak-balik</span></marquee>

Tulisan bergerak bolak-balik dan bisa di stop

<marquee direction="right" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="75%"><span style="color: rgb(61, 91, 152); font-weight: bold;">bolak-balik dan bisa di stop</span></marquee>

Setting kecepatan tulisan

<marquee direction="left" scrolldelay="10"><span style="color: rgb(59, 207, 239); font-weight: bold;">Setting kecepatan tulisan</span></marquee>

Tulisan bergerak sambil kelap-kelip

<marquee direction="right"><blink><span style="color: #3d5b98;">Tulisan bergerak sambil kelap-kelip</span></blink></marquee>

Tulisan link bergerak

<marquee direction="left"><a href="http://caraonline.blogspot.com/" target="_blank"><span style="color: #c069f8;">Tulisan link bergerak</span></a></marquee>

     Keterangan:

• untuk gerakan arah kiri kanan, ubah tulisan left menjadi right atau sebaliknya
• untuk merubah warna tulisan, setting pada tulisan color atau 3 angka rgb di dalam kurung
• untuk merubah ukuran tebal tipis tulisan, ubah tulisan bold menjadi thin atau sebaliknya.
• untuk setting kecepatan, ubah / tambah nilai pada scrolldelay
• Selanjutnya, silahkan bereksperimen sendiri :)

Nah, itulah sedikit sharing dari saya untuk berbagai macam variasi pembuatan tulisan berjalan / bergerak kesamping. Nantikan artikel berikutnya untuk variasi-variasi yang lain, atau jika anda tidak mau ketinggalan, klik link ini untuk berlangganan artikel. Terima Kasih