Cara Buat Perkataan Bergerak (Scrolling/Marquee Text)
Friday, January 25, 2013 @ 1/25/2013 03:56:00 AM | 0 Comment [s]
Membuat perkataan yang bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut seterusnya menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, ianya juga dikenali sebagai marquee text.
Walaupun pergerakan ini menarik minat, tetapi tidak digalakkan untuk diletakkan terlalu banyak di dalam blog kerana dibimbangi keadaan 'menarik' bertukar 'menyerabutkan'.:) Berikut adalah tutorial untuk membuat perkataan bergerak. Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan. 1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)
Output untuk kod ini seperti berikut: 2. Ubah pergerakan perkataan Penambahan kod berikut diperlukan dalam kod asal. direction="left" direction="right" direction="up" direction="down" Berikut contoh kod untuk pegerakan dari kanan ke kiri
Output untuk kod ini adalah 3.Ubah warna background Untuk ubah background, perlu diletakkan kod berikut bgcolor="#kod warna" Senarai kod warna boleh didapati di sini Contoh kod yang diletakkan background,
Output untuk kod ini adalah 4. Perkataan dalam keadaan 'anjal' Penambahan kod berikut diperlukan ke dalam kod asal. behavior="alternate" contoh kod yang diletakkan trick ini.
Output untuk kod ini 5.Ubah kelajuan perkataan. Pergerakan juga dapat diubah dengan menambah kod berikut scrollamount="2" Contoh kod dengan trick ini.
Output: Scrollamount :2 Scrollamount :4 6. Pause apabila cursor dilalukan. Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan. Penambahan kod yang perlu dilakukan adalah onmouseover="this.stop()" onmouseout="this.start()" Contoh kod dengan trick ini.
output untuk trick ini. JANGAN LUPA BACA BISMILLAH SEBELUM MENCUBA OK :) |
Say, Hye !!
My Update Status
|