Membuat Efek Marquee ( text Bergerak )

Diposting oleh Unknown on Jumat, 28 Oktober 2011

Kadang-kadang untuk mempercantik halaman Blog, tips berikut sangat banyak dilirik oleh para blogger. Marquee adalah kode html yang berfungsi untuk memberikan efek ke banyak arah gerak sesuai dengan keinginan. Adapun efek adalah gerakan horizontal ke kiri dan kanan, aataupun kiri ke kanan, dan efek gerak vertikal ke atas dan bawah.

mari kita coba bersama-sama: Kode efek marquee adalah seperti sampel ini  
<marquee> xxx </ marquee>
Dimana, <marquee> adalah Kode untuk menggerakkan text, sementara xxx adalah isi teks yang akan beri efek gerak dan </ marquee> adalah penutup kode

dengan kode di atas saja, sebenarnya sudah mampu memberikan efek gerak, tetapi arah yang dihasilkan umumnya dari kiri ke kanan secara horizontal.

kita masih bisa memodifikasi gerakan dengan arah gerak yang lain, perhatikan contoh berikut :


Efek dari kanan ke Kiri
kodenya adalah :

Hasilnya :
Gerak dari Kanan Ke kiri


Efek Dati Kiri ke Kanan
Kodenya adalah :

Hasilnya :

Gerak dari Kiri ke Kanan

Efek gerak kanan kiri sesui ukuran Bidang
kodenya adalah :


Hasilnya :

Efek Gerak Kanan Kiri

Efek gerak Vertikal Ke atas
kodenya adalah :


hasilnya :
Gerak Vertikal ke Atas
kita dapat menambahkan langkah untuk menghentikan efek gerak ketika teks didekati oleh mouse, dan bergerak lagi ketika mouse pointer meninggalkan teks:
perhatikan kode dibawah ini :

hasilnya ( dekatkan mouse pada area Text yang sedang bergerak )
Dekatkan Mouse anda
dengan langkah diatas kita dapat memainkan Link yang bisa diklik oleh pengunjung :
perhatikan Kode di bawah ini :



hasilnya :
Mikrotik Router
satu lagi, kita masih dapat memberikan kode tambahan untuk memberikan latar belakang pada teks yang bergerak
cermati kode berikut :

hasilnya :
Text dengan Background Warna merah

Silahkan berikan kreasi lain yang mugkin dapat di tambahkan untuk memodifikasi efek gerak pada text, semoga dapat menghilangkan rasa bosan dalam aktifitas ngeblog anda

{ 0 komentar... read them below or add one }

Posting Komentar