Jumat, 03 April 2009

MARQUEE

Selamat malam INDONESIA-ku.....
Setelah beberapa hari ga posting karena badai gangguan yang ga kunjung selesai akhirnya malam ini saya bisa posting lagi di blog yang semrawut ini.setan
Okay... kali ini saya akan memberikan Trik yang sebenarnya buat para newbie yang ingin membuat tulisan berjalan alias "MARQUEE".
Mohon ma'af jika saya mem-posting ini setelah ada ribuan posting sejenis yang tellah ada.
Tapi kayaknya ga ada salahnya juga buat sekedar mengingat-ingat dan menambah koleksi postingan saya ya ?
Okay.. langsung saja Cur......

Contoh marquee dasar :

Berjalan dari kanan ke kiri tanpa pembatas
Kalimat Anda
Cara menulisnya :
<marquee>Kalimat Anda</marquee>

Berjalan dari kiri ke kanan tanpa pembatas
Kalimat Anda
Cara menulisnya :
<marquee direction="right">Kalimat Anda</marquee>

Berjalan Kekanan dan kekiri tanpa pembatas
KANAN KIRI
Cara menulisnya :
<marquee behavior="alternate">Kalimat Anda</marquee>

Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut
Berhenti saat mouse diatasnya
Cara menulisnya :
<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"
Dengan kecepatan
Cara menulis :
<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout

Ini marquee ke atas
Kalimat anda Anda
Cara menulis :
<marquee direction="up">Teks 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


Cara menulis :
<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 dan "bablas" aja walaupun mouse anda berada diatasnya (tanpa kode muoseover....)
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda


Cara menulisnya :
<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



Cara menulisnya :
<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>

Nah mudah bukan ?
Silahkan untuk bentuk dan model, anda tentunya bisa bereksperimen sendiri ya...?
Bahkan gambar-pun bisa anda anda beri efek marquee... ocree??
Gampang kq... tinggal ketik beres dah...!!
Selamat mencoba, mudah-mudahan bermanfaat.
Jangan lupa ajari teman-teman yang belum bisa ya?
MARI BERBAGI !!

9 komentar:

  1. mantabzzz.... ijin coba mas... :D

    BalasHapus
  2. boss knapa marque nya kalo di opendi firfox gak berfungsi baik...ada yang gak nongol..tapi kalo di open slain di firfox sih lancar..apa mungkin firefox ku yang gak beres..?

    BalasHapus
  3. WADUH SALUT NI BUAT LU ANGKAT JEMPOL 4

    BalasHapus
  4. boss bikin marquee... buat bannet biar gk banyak makan tempat codingnya gmn y? saya coba pakai coding yang di artikel ini, setiap tambah baner ukuran tinggi juga harus di robah, jadinya boros tempat juga... mohon pencerahan y..

    BalasHapus
  5. akhirnya saya bisa nemuin blog yg saya kira bisa menambah ilmu nih.. saya bakal sering-sering kesini nih... infonya menarik...

    BalasHapus
  6. waaaaaaw... heboooooooooooooooch masss:)

    BalasHapus
  7. wah thank mas infonya,berhasil dengan memuaskan,god job

    BalasHapus

Silahkan tulis disini dengan santai dan tertawa2 !!