raspaty.blogspot.com ******************************Welcome To My Personal Blog******************************Thank's for visit******************************raspaty.blogspot.com******************************raspaty.blogspot.com

Selasa, 12 April 2011

Membuat teks berjalan " Marquee "


Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat  taks tersebut. Teks ini seperti tesks biasa yang sering anda jumpai, hanya teks ini bisa bergerak kekanan, kiri, atas dan bawah.
Anda bisa memodifikasi sesuai kebutuhan, misal untuk  ucapan terimakasih, membuat link, pasang iklan agar lebih menonjol, berita atau informasi, biasnya terletak paling bawah dan berjalan dari kanan ke kiri. marquee mengunakan tag sebagai berikut : <marquee> Diisi sesuai kehendak </marquee> .jangan lupa di beri tanda penutup "/".
Arti script yang akan di gunakan pada marquee:    
DIRECTION  "left, right, up, down"     = Mengatur arah gerakan teks.
BGCOLOR     "warna"                          = Untuk mengatur warna background teks.
BEHAVIOR   "scroll, slide, alternate"  = Untuk mengatur perilaku gerakan.
  Scroll        : teks bergerak berputar
  Slide          : teks bergerak sekali lalu berhenti
  Alternate   : teks bergerak dari kiri kekanan lalu balik lagi/ bolak-balik.
WIDTH  "lebar" = Mengatur lebar blok teks dalam pixel atau persen.
TITLE  "pesan"  = Pesan akan muncul saat mouse berada di atas teks.
SCROLLMOUNT  "angka" = Mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY "angka" = Untuk mengatur waktu tunda gerakan dalam mili detik .
LOOP  "angka, -1, infinite"     =  Mengatur jumlah loop.
Biar lebih jelas lansung aja ke contoh yang sederhana terlebih dahulu :
   
                                                                      Hasilnya sebagai berikut:

Dari kanan ke kiri
Contoh :Jika ingin menganti arah teks silahkan menganti huruf right pada direction sesuai kebutuhan anda.
Right = dari kiri menuju kanan
left     = dari kanan menuju kiri
up      = dari bawah menuju atas
down = dari atas menuju bawah
Contoh lain:
   


Hasilnya sebagai berikut:
 
eb.blogspot.com contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali



keterangan :
 
  1. Merubah warna teks hitam menjadi putih = "<font color="white">...isi area marquee...</font>"
  2.  
  3. Menjadikan tebal teks    = " <strong>... isi teks...</strong> "
  4.  
  5. Membuat teks berkedip = " <blink>...isi teks...</blink> "
  6.  
  7. Teks berhenti jika cursor diletakan diarea maqruee =

      "....<marquee onmouseover="this.stop()".....isi atribut.....onmouseout="this.star()....>"

Contoh yang menngunakan link:


 



Hasilnya sebagai berikut:



Contoh1

Contoh2

Contoh2

Contoh4





   Keterangan:  
  1. Membuat teks melakukan link = " ...<a href="http://putroweb.blogspot.com" target="new">Contoh</a>..."

Sangat mudah bukan?... sekarang tinggal anda mengembangkan sendiri. Gambar, foto, dan animasi lainya bisa disisipi dialam marquee. Selamat mencoba.