English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified

Text Berjalan (Marquee)

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.

Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :

<marquee direction=left>Teks berjalan ke kiri </marquee>digunakan untuk teks berjalan dari kanan ke kiri dan....

<marquee direction=up>Teks berjalan ke atas </marquee>digunakan untuk teks berjalan dari bawah 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.

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()”>

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”> Mondar Mandir </marquee>

Selamat Mencoba.

0 comments:

Post a Comment

Photobucket

FOLLOWERs