12 Mar 2010

Cara Membuat Marquee Text / Text Animasi

Tutorial hari ini, saya ingin memaparkan bagaimana cara membuat text bergerak/berjalan dari kiri ke kanan, dari kanan ke kiri, dari bawah ke atas dan dari atas ke bawah. Untuk membuatnya, anda hanya perlu menambah  tag <marquee>. Ini disebut juga dengan efek marquee. Mari kita mulai dengan contoh sederhana. Tulis tulisan yang akan anda buat di antara tag <marquee> .. text anda.. </marquee>



1. Dari kiri ke kanan


<marquee direction="left"> welcome to andy huang blog </ marquee> hasilnya seperti ini: 


welcome to andy huang blog

2. Dari kanan ke kiri
<marquee direction="right"> welcome to andy huang blog </ marquee> hasilnya seperti ini: 


welcome to andy huang blog

3. Dari bawah ke atas
<marquee direction="up"> welcome to andy huang blog </ marquee> hasilnya seperti ini: 


welcome to andy huang blog

4. Dari atas ke bawah
<marquee direction="down"> welcome to andy huang blog </ marquee> hasilnya seperti ini: 


welcome to andy huang blog

Untuk menambah warna latar belakang, gunakan kode berikut ini :
<marquee direction="right" width="100%" style="background:#EC4F52"> <font color="white"> Tambahkan teks Anda di sini ...</ font> </ marquee>
Hasilnya akan seperti ini :


welcome to andy huang blog

Tidak ada komentar:

Posting Komentar