Jika anda pernah melihat tampilan teks yang berjalan dari bawah ke atas atau sebaliknya, dari kanan ke kiri atau sebaliknya, tentu sangat mempesona dan menarik perhatian pengunjung. Semua itu 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>
<marquee direction=up>Teks berjalan ke atas </marquee>
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()">
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">
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>
atau dapat juga ditambahi menjadi seperti ini : <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1"> muter, berhenti, muter, berhenti, mantab </marquee>.
Selamat mencoba . Semoga bermanfaat .
0 komentar:
Posting Komentar