Pages

Jumat, 25 Mei 2012

Membuat Text Berjalan (Marquee)

 Marquee merupakan suatu program html untuk membuat teks / tulisan bisa bergerak atau berjalan. Marquee ini bisa dibuat dengan menggunakan tag <Marquee>....</Marquee>.


Atribut yang sering digunakan dalam "marquee" ini adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan 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 bo) 
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 (putaran)
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

contoh tulisan berjalannya bisa di lihat di bawah :


Selamat datang di Blog-nya Mr.Fally

Kode HTML nya bisa dilihat di text area berikut :



keterangan :
untuk merubah arah teks berjalan, ganti saja direction-nya "left" menjadi right, up, down

Untuk membuat tulisan menjadi memantul bolak-balik, bisa dilihat di bawah :


Selamat datang di Blog-nya Mr.Fally

Kode HTML-nya bisa di lihat di text area berikut :



Untuk menambahkan hyperlink pada tekas berjalan, bisa dilihat di bawah :





Untuk kode HTML-nya bisa dilihat di text area berikut :


Untuk membuat tulisan berjalan disertai warna background, bisa dilihat di bawah :


Selamat datang di Blog-nya Mr.Fally

Untuk kode HTML-nya bisa dilihat di text area berikut :


Ada variasi lain yakni ketika mouse diarahkan ke tulisan yang berjalan tadi (pada area marquee text), maka teks akan terhenti dan bila mouse-nya di geser kembali ke tempat lain, maka  teks akan bergerak kembali. anda cukup menambahkan sedikit program ke dalam tag marquee.

Untuk kode HTML-nya bisa dilihat di text area berikut 2:



Hasilnya bisa dilihat sebagai berikut :
Silahkan Klik di Sini

0 komentar:

Posting Komentar

Ikan