Membuat Efek Tulisan Berjalan (Marquee)

Berikut Beberapa macam efek marque atau teks berjalan:

• Contoh marque dasar

Kalimat Anda

caranya dengan menambah code berikut:

<marquee>Kalimat Anda</marquee>

Kalimat Anda

• Contoh marquee yang berjalan dari kiri ke kananKalimat Anda

Kalimat Anda

<marquee direction="right">Kalimat Anda</marquee>

• Berjalan Kekanan dan kekiri tanpa pembatas

Kalimat Anda

<marquee behavior="alternate">Kalimat Anda</marquee>

• Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut

Kalimat Anda

<marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>

• Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"

Kalimat Anda

<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>

Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout

• Ini contoh marquee ke atas

Kalimat Anda

<marquee direction="up">Kalimat Anda</marquee>

• Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

• Ini kalau ke bawah tanpa kode mouseover

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

<marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

• Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

<center>
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>
</center>

• Contoh Marquee dengan gambar:

<marquee><img style="float:right; margin:0 0 10px 10px; width: 122px; height: 34px;" src="http://1.bp.blogspot.com/-VdawHRwziIk/TZ7Z3Obw0CI/AAAAAAAABww/M9GitUU8M3w/s400/th_readmore_thumb.jpg" border="0" alt="" /></marquee>

Caranya Dengan Mengganti Tulisan "Kalimat Anda" di atas dengan alamat gambar kamu,kode warna hijau adalah kode alamat Gambar yang akan di tampilkan.

Selamat Bereksperimen..