Rabu, 08 September 2010

Membuat Teks Berjalan/Marquee Text

Supaya tampilan blog kita lebih nice sengihnampakgigi, diantaranya kita bisa memakai program marquee. Penerapan marquee bisa untuk tampilan title blog atau tampilan lain.
Berikut langkah pembuatannya, kita coba membuat teks berjalan.

Cara Pertama:

<marquee behaviour="alternate" scrollamount="4" width="100%"> letakkan tulisan yang diinginkan </marquee>

Hasilnya seperti ini:

letakkan tulisan yang diinginkan

Cara kedua:

<marquee behaviour="alternate" bgcolor="#B40404" scrolldelay="5" width="600px"><span direction="left">letakkan tulisan yang diinginkan</span></marquee>


Hasilnya seperti ini:

letakkan tulisan yang diinginkan

Cara ketiga:

<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px"> letakkan tulisan yang diinginkan <br /> letakkan tulisan yang diinginkan <br /> letakkan tulisan yang diinginkan </marquee>

Hasilnya seperti ini:

letakkan tulisan yang diinginkan
letakkan tulisan yang diinginkan
letakkan tulisan yang diinginkan


Kita bisa memodifikasi sendiri ketiga cara tadi, dengan menganti beberapa perintah/kode, diantaranya:

• Width; Lebar marquee, Satuan bisa pixel atau %.
• Height; Tinggi marquee, Sauan bisa pixel atau %.
• Bgcolor; Warna latar belakang marquee, Contoh : putih #fff.
• Behavior; Perilaku text, Pilihan : scroll, slide, alternate
• Scrollamount; kecepatan text bergerak, Satuan; 1, 2, 3, makin besar angkanya maka akan makin cepat jalannya
• Scrolldelay; Kecepatan text bergerak, Satuan 1, 2, 3, semakin besar angkanya maka akan makin lambat
• Direction; Teks bergerak dari arah mana, Pilihan left, right, top, dan bottom, up, down.

Selamat mencoba

Tidak ada komentar:

Posting Komentar