Cari di sini

09 August 2011

Teks Berjalan (Rolling Text) dengan HTML

<span style=" font-weight:bold; "> <marquee direction="left" scrollamount="5" height="20px" width="100%" bgcolor="#0000ff" >Teks berjalan dari kanan ke kiri</marquee></span>

Teks berjalan dari kanan ke kiri
Keterangan:

  1. Width : untuk merubah ukuran lebar (dalam persen, bisa juga secara manual dengan mengganti % dengan px
  2. Height : untuk mengatur tinggi ruang teks berjalan
  3. Direction : untuk menentukan arah gerakan (left, right, up, down)
  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,
  5. scroll : teks bergerak satu arah berulang-ulang).
  6. Color : berfungsi untuk mengatur warna teks (ditulis dalam kode hexadecimal tetapi untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris), daripada anda susah-susah mencari kode HTMLnya dan anda menginginkan tidak berwarna tulis saja transparan (untuk kode warna trasnparan)
  7. Bgcolor : berfungsi untuk mengatur warna background (dalam hexadecimal atau untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris).
  8. <font face="kode HTML> ...... </font> : berfungsi untuk mengatur jenis font, warna font, ukuran font, dan sebaginya. Antara kode HTML dipisahkan dengan spasi)
  9. <span style="kode CSS"> ...... </span> : berfungsi untuk menyisipkan kode CSS di dalam HTML. Jika menggunkanan style maka atribut-atribut CSS dapat diterapkan di sini contohnya font-size : untuk mengatur ukuran font, font-weight: untuk mengatur ketebalan font,
  10. color : untuk mengatur warna font, dan sebagainya, penulisan kode CSS tersebut harus dipisahkan dengan tanda titik koma(;).
  11. Scrolldelay : berfungsi ntuk mengatur waktu tunda (delay) gerakan dalam satuan mili detik (ms).
  12. Scrollamount : berfungsi untuk mengatur kecepatan gerakan dalam satuan pixel, semakin besar angkanya semakin cepat geraknya.
  13. Loop : berfungsi untuk mengatur jumlah looping (pengulangan).
  14. Onmouseover="this.stop ()" : berfungsi untuk menghentikan teks berjalaan ketika mouse mendekat.
  15. Onmouseout="this.start ()" : berfungsi untuk membiarkan teks berjalan lagi ketika mouse menjauh.
Silahkan anda bereksperimen sendiri, berikut sertak contoh-contohnya:

Teks berjalan dari atas ke bawah
<span style=" font-weight: bold; text-align:center;"> <marquee bgcolor="#ffff00" direction="down" height="70px" scrollamount="5" width="100%">Teks berjalan dari atas ke bawah</marquee></span>
Teks berjalan dari atas ke bawah

teks memantul berulang-ulang
<span style=" font-weight: bold; "><marquee scrolldelay="10" behavior="alternate" direction="up" width="100%" scrollamount="2" height="70px" bgcolor="#00FF00"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Teks memantul berulang-ulang</marquee></span>
Teks memantul berulang-ulang

Sumber : http://elsymedia.blogspot.com/2010/09/membuat-teks-berjalan-di-widget.html

No comments:

Post a Comment