Cara Membuat Text Berjalan

1. Teks berjalan dari kanan ke kiri
Example
Lihat Kode : <span style="font-weight: bold;">1. Teks berjalan dari kanan ke kiri</span>

 
2. Teks berjalan dari kiri ke kanan
Example
 Lihat Kode : <marquee direction="right" scrollamount="10" align="center"> Example </marquee>


3. Teks berjalan bolak balik
Example
Lihat Kode :  <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Example </marquee>


4. Teks berjalan dari atas ke bawah
Example
Lihat Kode :  <marquee direction="down" scrollamount="10" align="center"> Example </marquee>


5. Teks berjalan dari bawah ke atas
Example
Lihat Kode :  <marquee direction="up" scrollamount="2" align="center"> Example </marquee>


6. Teks berjalan mondar-mandir
Example
Lihat Kode :  <marquee direction="up" scrollamount="10" align="center" behavior="alternate"> Example </marquee>


7. Teks berjalan zig-zag nembus






Example

Lihat Kode :  <center><marquee direction="up" scrollamount="10" align="center" behavior="alternate" width="90%"><marquee direction="right"> Example </marquee></marquee></center>


8. Teks berjalan zig-zag mantul





Example

Lihat Kode :  <center><marquee direction="up" scrollamount="10" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Example </marquee></marquee></center>

Langkah Selanjutnya adalah mengganti tulisan and tara... Jadilah tulisannya dengan tulisan atau kata-kata yang anda inginkan.


Kata Kunci :

# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
<Fount color="Red/Blue/Pink/Green/Dll" --> untuk memberi warna teks
 masih ada satu lagi nih........

#Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.


Good Luck

No comments:

Post a Comment