Running Text

naufalaswendya

Pelajaran

Belum ada komentar

Assalammualaikum Wr. Wb

Kali ini saya akan share ilmu pemograman web yaitu tentang Running Text atau yang lebih familiar lagi teks berjalan. Untuk lebih jelasnya kita bahas bersama.

Running Text atau teks berjalan adalah sebuah animasi salah satu elemen dari website yang tidak bisa dipisahkan. Sebuah website jika tidak ada sebuah animasi akan terlihat monoton dan bosan. Berbagai macam bentuk animasi bisa menghiasi website anda, animasi sendiri dapat diciptakan dari HTML, CSS, Javascript, Flash, dan lain-lain. Tag dasar pada Running Text ini adalah "<marquee>....</marquee>". Marquee sendiri memiliki beberapa atribut seperti

1. WIDTH : berfungsi sebagaimenentukan ukuran lebar yang nantinya akan diapakai sebagai ruang teks berjalan. (dalam satuan pixel atau persen).
2. HEIGHT : berfungsi untuk menentukan ukuran tinggi ruang teks berjalan. (dalam satuan pixel atau persen). 
3. DIRECTION : berfungsi untuk menentukan arah gerakan teks (left : teks berjalan ke arah kiri, right : teks berjalan ke arah kanan, up : teks berjalan ke arah atas, down : teks berjalan ke arah bawah).
4.  BEHAVIOUR : berfungsi untuk mengatur gerakan teks terdiri dari 3 attribute yaitu (alternate : teks bergerak bolak balik, slide : teks bergerak satu arah dan hanya sekali setelah itu berhenti, scroll : teks bergerak satu arah berulang-ulang).
5. COLOR : berfungsi untuk mengatur warna text yang ditulis dalam kode heksadesimal atau bisa juga di tulis dengan bahasa inggris
6. BGCOLOR : berfungsi untuk mengatur warna BACKGROUND yang ditulis dengan kode heksadesimal dan bisa juga dengan bahasa inggris
7. <FONT FACE="KODE HTML>....</FONT> : berfungsi untuk mengatur jenis font, warna font, ukutan font, dan sebagainya. Antara kode html dipisahkan dengan spasi.
8. <SPAN STYLE=KODE CSS">.....</SPAN> : berfungsi sebagai menyisipkan kode css di dalam html.
9. SCROLLDELAY :  berfungsi untuk mengatur waktu tunda.
10.  SCROLLMOUNT : berfungsi untuk mengatur kecepatan gerak.
11. LOOP : berfungsi sebagai jumlah looping

Contoh 1

<span style="font-family:arial; font-size: 14px; font-weight:bold; color:#000000;"> <marquee direction="left"scrollamount="5" height="20px" width="100%" bgcolor="#ffffff" >Ini Adalah contoh running text dari kanan ke kiri</marquee></span>
ini adalah contoh script running text jika dimasukan ke HTML akah berubah menjadi Ini Adalah contoh running text dari kanan ke kiri

Contoh 2 

<span style="font-family:arial; font-size: 14px; font-weight:bold; color:#000000;"> <marquee direction="right"scrollamount="5" height="20px" width="100%" bgcolor="#ffffff" >Ini Adalah contoh running text dari kiri ke kanan</marquee></span>

ini adalah contoh script running text jika dimasukan ke HTML akan berubah menjadi
Ini Adalah contoh running text dari kanan ke kiri