Senin, 14 April 2008

Animasi Marquee

Animasi marquee adalah animasi berupa text yang dapat
bergerak dari kiri kekanan atau sebaliknya, animasi ini ada 3 jenis, pertama
yaitu slide, yaitu animasi bergerak dari kiri
kekanan atau sebaliknya yang hanya tampil sekali, yang kedua adalah
animasi scroll, yaiti animasi yang bergerak dari
kiri kekanan atau sebaliknya yang terus berputar atau bolak-balik, maksud
bolak-balik disini adalah apabila text yang berjalan kekiri sudah habis, maka
text akan muncul kembali dari kanan, dan yang terakhir adalah
animasi alternate, yaitu seperti efek pantul yang
bergerak dari kiri memantul kekanan dan seterusnya. Untuk lebih jelasnya,
perhatikan contoh dibawah ini :





animasi
Slide



















Arah


Dari kanan kekiri


Dari kiri kekanan


Contoh


Contoh Slide

Contoh Slide

Kodenya


<marquee behavior="slide">Contoh
Slide</marquee>


<marquee behavior="slide" direction="right">Contoh
Slide</marquee>


animasi Scroll



















Arah


Dari kanan kekiri


Dari kiri kekanan


Contoh


Contoh Scroll

Contoh Scroll

Kodenya


 <marquee>Contoh Scroll</marquee>


<marquee direction="right">Contoh
Scroll</marquee>


animasi alternate












Contoh


Contoh alternate

Kodenya


<marquee behavior="alternate">Contoh
alternate</marquee>


nah mudah bukan?, sekarang anda bisa memasukkan efek animasi
maequee didalam blog anda untuk mempercantik tampilan blog. dan ini juga masih
bisa kita memodifkasi lagi, baik dari jenis font, warna, ataupun kecepatan efek
dengan menambahkan kode  scrolldelay="40",
semakin besar nilai delay maka akan semakin lambat, sebaliknya, semakin kecil
nilai delay maka animasi akan berjalan cepat.












Contoh tambah delay


Contoh Tambah kecepatan delay

Kodenya


<marquee behavior="alternate" scrolldelay="15">Contoh
Tambah kecepatan delay</marquee>





Salam Semangat selalu!!!!......


Tidak ada komentar: