twitter

Pernah melihat Text yang bergerak saat anda mengunjungi Blog atau Website orang lain ? , tentu pernah bukan.
Untuk membuat text bisa bergerak anda hanya tinggal menambah kode marquee diantara tulisan yang anda buat.
Kodenya seperti berikut : <marquee>....</marquee>


Untuk menambah variasi biasanya ditambahkan atribut-atribut sebagai berikut :
Behavior : "scroll / slide / alternate" --> Untuk mengatur perilaku gerakan
Bgcolor ="warna" --> Untuk mengatur warna latar belakang / background teks
Direction ="left / right / up / down" --> Mengatur arah gerakan teks

Scroll --> Membuat teks bergerak berputar
Slide -->  Mengatur teks bergerak sekali lalu berhenti
Alternate --> Memngatur text supaya bolak balik dari kiri ke kanan
Title ="pesan" --> Pesan akan muncul saat mouse berada di atas teks

Scrollamount ="angka" --> mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya. 
Scrolldelay ="angka" --> Untuk mengatur gerakan tunda waktunya dihitung dalam mili detik 
Loop ="angka|-1|infinite" --> Mengatur jumlah loop 
Width ="lebar" --> Mengatur lebar blok teks dalam persen atau dalam pixel

Sebagai contoh  saya akan membuat marquee dengan gerakan :


<Marquee align="center" direction="right" height="20" scrollamount="2" width="50%">
marquee dari kiri ke kanan
</marquee>

Hasilnya akan seperti ini :
marquee dari kiri ke kanan


Untuk merubah gerakan silahkan anda ganti pada Direction dengan left, up, atau down.

Contoh marquee dengan perilaku :

<Marquee align="center" direction="left" height="20" scrollamount="3" width="70%" behavior="alternate">
marquee dengan perilaku
</Marquee>

Hasilnya akan seperti ini :

marquee dengan perilaku


Kemudian yang ini contoh marquee yang ditambahkan warna latar belakang :

<MARQUEE align="center" direction="left" height="20"  bgcolor="blue" scrollamount="3" width="70%" behavior="alternate">
marquee dg warna background
</MARQUEE&gt;


Contoh hasilnya seperti ini :

marquee dg warna background


Selamat berkreasi.

                                                **** Semoga Berhasil ****
12/31/2010 | 0 komentar | Label:

0 komentar:

Posting Komentar