Solusi Komputer Anda

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  
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 :
<marquee direction="left" scrollamount="3" width="100%">Gerak dari Kanan Ke kiri</marquee>
Hasilnya :
Gerak dari Kanan Ke kiri


Efek Dati Kiri ke Kanan
Kodenya adalah :
<marquee direction="right" scrollamount="3" width="100%">Gerak dari Kiri ke Kanan</marquee>
Hasilnya :

Gerak dari Kiri ke Kanan

Efek gerak kanan kiri sesui ukuran Bidang
kodenya adalah :
<marquee behavior="alternate" direction="right" scrollamount="3" width="100%">Efek Gerak Kanan Kiri</marquee>

Hasilnya :

Efek Gerak Kanan Kiri

Efek gerak Vertikal Ke atas
kodenya adalah :
<marquee direction="up" heigt="100" scrollamount="3" width="100%">Gerak Vertikal ke Atas</marquee>

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 :
<marquee direction="up" heigt="100" onmouseover="this.stop ()" onmouseout="this.start ()" scrollamount="3" width="100%">Dekatkan Mouse anda</marquee>
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 :

<marquee direction="up" heigt="100" onmouseout="this.start ()" onmouseover="this.stop ()" scrollamount="3" width="100%"><a href="http://komp-rakitan.blogspot.com/2012/02/mikrotik-router.html">Mikrotik Router</a></marquee>

hasilnya :
Mikrotik Router
satu lagi, kita masih dapat memberikan kode tambahan untuk memberikan latar belakang pada teks yang bergerak
cermati kode berikut :
<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="RED" scrollamount="3" width="100%">Text dengan Background Warna merah</marquee></b></span></div>
hasilnya :

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