:
Responsive Banner design

Recent Posts

Home » » Membuat Animasi Teks Berjalan

Membuat Animasi Teks Berjalan

Dalam postingan kali ini intrik akan membahas tentang cara membuat animasi teks yang ber jalan. Teks berjalan caranya tidaklah begitu rumit, kita hanya perlu memahami mengenai fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior, scroll amount dan lain sebagainya.

nah,..dibawah ini adalah beberapa contoh code
animase Animasi Teks yang menggunakan efek marquee,...

Berminat???? silahkan copy kodenya, gak ada yang lihat koq.

caranya:
  1. Anda login terlebih dahulu,..
  2. pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code dibawah ini.
  3. kemudian simpan,..
  4. lihat hasilnya,.....!!!!

Ini kodenya, silahkan copy:

1. Teks berjalan dgn Efek zig-zag atau bounce

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
><marquee behavior="alternate" direction="left" scrollamount="5" scrolldelay="10">intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu</marquee>


2. Teks berjalan dari bawah ke atas (bolak-balik)

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu</marquee>


3. Teks berjalan berpencar


<marquee direction="Up" style="text-align: center;">Ilmu
Itu Murah Maka Amalkanlah</marquee> <marquee direction="Left"
style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee><marquee
direction="right" style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee>
<marquee direction="down" style="text-align: center;">intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu</marquee>

4. Teks berjalan bolak-balik

<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu</marquee>


5. Teks berjalan dari kanan ke kiri

<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu</marquee>

ini saja ya,.. capek.

Keterangan :

kamu bisa Ganti Tulisan intrik-GO, Berbagi ilmu, berbagi kreasi, lakukan sesukamu dengan Kalimat Yang lain.

SELAMAT MENCOBA,....!!!

http://intrik-go.blogspot.com

0 comments:

Posting Komentar

Followers