Rabu, 18 Maret 2009

Marquee start and stop

Ini adalah trik cara membuat daftar yang panjang kemudian mensematkannya ke dalam kotak marquee yang diberi aturan start and stop. Text akan berhenti ketika mouse melintah di atasnya, dan kembali bergerak ketika mouse meninggalkannya. Anda boleh menyalin kode html berikut dan memodifikasinya sesuai kebutuhan.

Berikut ini contoh marquee start and stop

<marquee onmouseout="this.start();" direction="up" scrollamount="2" height="100" onmouseover="this.stop();" scrolldelay="15" style="font-family: Arial; font-size: 12px; border-style: inset; border-width: 2; padding-right: 6; padding-left:6px; background-color: #E6E6E6" width="150">
Text Anda di sini<br/>
text Anda di sini<br/>
Text Anda di sini<br/>
</marquee>



Hasilnya akan terlihat seperti di bawah ini:


Text Anda di sini
Text Anda di sini
Text Anda di sini


Fungsi onmouseout="this.start(); memberikan perintah start ketika mouse keluar dari area kotak marquee. onmouseover="this.stop();" ini akan menghentikan text bergerak ketika mouse melintas di atasnya. Sedang untuk aturan lain Anda bisa menyesuaikan untuk halaman Anda.







2 komentar:

  1. hohoho...ilmu keren lagi niihhh...jadi makin semangat ane di sini...tarengkyu bro atas sharing imponya...

    BalasHapus
  2. Kalo yang di marque adalah isi dari salah satu page (misalnya: page berita.php) gmn caranya mas?

    BalasHapus