SuraBuaya.com

Cara membuat Text bergerak

Tulisan bergerak untuk mempercantik halaman website anda

Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee>Tulisan bergerak untuk mempercantik halaman website anda</marquee>

Anda bisa mengatur arah gerak text anda dengan menambah sedikit kode sebagai berikut :

direction="left"

Tulisan bergerak untuk mempercantik halaman website anda
Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee direction="left">Tulisan bergerak untuk mempercantik halaman website anda</marquee>

direction="right"

Tulisan bergerak untuk mempercantik halaman website anda Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee direction="right">Tulisan bergerak untuk mempercantik halaman website anda</marquee>

behavior="alternate"

Tulisan bergerak untuk mempercantik halaman website anda Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee behavior="alternate">Tulisan bergerak untuk mempercantik halaman website anda</marquee>

direction="up"

Tulisan bergerak untuk mempercantik halaman website anda Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee direction="up">Tulisan bergerak untuk mempercantik halaman website anda</marquee>

direction="down"

Tulisan bergerak untuk mempercantik halaman website anda Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee direction="down">Tulisan bergerak untuk mempercantik halaman website anda</marquee>

Untuk mengatur kecepatan text, harus ada tambahan sedikit modifikasi seperti contoh berikut :

scrollamount=".."

Mengatur kecepatan text bergerak
Mengatur kecepatan text bergerak
Mengatur kecepatan text bergerak
Mengatur kecepatan text bergerak
Mengatur kecepatan text bergerak
Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee behavior="alternate" scrollamount="1">Mengatur kecepatan text bergerak</marquee><br> <marquee behavior="alternate" scrollamount="3">Mengatur kecepatan text bergerak</marquee><br> <marquee behavior="alternate" scrollamount="5">Mengatur kecepatan text bergerak</marquee><br> <marquee behavior="alternate" scrollamount="10">Mengatur kecepatan text bergerak</marquee><br> <marquee behavior="alternate" scrollamount="20">Mengatur kecepatan text bergerak</marquee><br>

Untuk membuat text anda berhenti pada saat mouse pointer berada di atas text tanpa perlu klik dan membuat berjalan lagi text anda, cukup menambahkan kode berikut :
onmouseover="this.stop()"  supaya text berhenti saat pointer mouse anda berada di atas text, dan
onmouseout="this.start()" supaya text anda bergerak lagi.
contohnya sebagai berikut :

onmouseover="this.stop()"

Letakkan pointer mouse di atas tulisan ini, kemudian pindahkan Kode yang ada pada tulisan di atas adalah seperti ini :

<marquee behavior="alternate" scrollamount="10" onmouseover="this.stop()" onmouseout="this.start()">Letakkan pointer di atas tulisan ini, kemudian pindahkan</marquee>

silahkan copy salah satu kode di atas dan manfaatkan ruang html editor dibawah ini, paste di dalamnya, anda bisa memodifikasi kode tanpa harus takut keliru.

HTML EDITOR