Teks Berjalan

Jika anda pernah melihat tampilan teks yang berjalan dari bawah ke atas atau sebaliknya, dari kanan ke kiri atau sebaliknya, tentu sangat memesona dan mengundang perhatian pengunjung.

Semua berkat kerja si Marquee dalam kode HTML. Ya, dengan kata Marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun sangat mudah tapi hasilnya sangat menyenangkan.

Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :

<marquee direction=left>Teks berjalan ke kiri </marquee> maka hasilnya adalah seperti di bawah ini.

Teks berjalan ke kiri

<marquee direction=up>Teks berjalan ke atas </marquee>

hasilnya adalah:
Teks berjalan ke atas
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti 'left' ke 'right' agar teks berjalan ke kanan, atau gantilah 'up' dengan 'down' agar teks berjalan ke bawah.

Si Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
Misalnya : <onmouseover="this.stop()" onmouseout="this.start()">
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse menjauh maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung. Contoh seperti ini <marquee direction=up onmouseover="this.stop()" onmouseout="this.start()">

dan hasilnya seperti dibawah ini.

Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home

Jika teks bergeraknya terlalu cepat anda dapat menambahkan skript <scrollamount="x">, nialai "x" dapat anda ganti sesuai dengan kebutuhan misal dengan nilai 1,2,3...dst sesuai seberapa cepat pergerakan teks yang anda inginkan contoh dibawah ini adalah Jika scrollamount="1":

<marquee direction=up onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">
Contoh kerja si Marquee klik di <a href="http://seuntaikenangantiptrik.blogspot.com">sini</a> untuk kembali ke Tip dan trik
atau klik di <a href="http://seuntaikenangan.blogspot.com">sini</a> untuk ke Beranda/Home</marquee>

Dan hasilnya seperti di bawah ini:


Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home

Selain itu si marquee juga dapat digabung dengan perintah <behavior="alternate"> jika anda menyisipkan perintah ini maka text bergerak bulak-balik untuk lebih jelasnya berikut ini contonya: <marquee behavior="alternate"> Aku capek nihh bulak-balik seperti setrikaan saja</marquee> dan hasilnya seperti ini:

Aku capek nihh bulak-balik seperti setrikaan saja


Selamat mencoba semoga berhasil.