Cara Membuat Tulisan Berjalan

Bagaimana agar bisa membuat tulisan berjalan?

Seperti Ini ??


Bergerak kekanan !

Bergerak kekiri !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??


Bergerak Ke Atas


Bergerak Ke Atas dan Ke bawah
Lihat Kode" Dibawah ini :

Untuk Yang bergerak kekanan

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"

Untuk Yang Ke Kanan dan Kekiri

<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>

Untuk Yang Bergerak kekanan Perlahan : 

Catatan : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.
Direction = menentukan arah bergerak
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>

Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

Untuk Yang Bergerak Ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>

Untuk Yang Bergerak Ke Atas dan Ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Catatan : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi yang lain sesuai selera anda..

Semoga Bermanfaat. 

Posted in: Tip n Trik Blog