Cara Membuat Teks Berjalan

Selamat datang di Yopi Blog

pernah melihat tulisan berjalan seperti ini ? Pengen tahu bagaimana cara membuat tulisan berjalan seperti ini ? cara sangat-sangat gampang, kode utama yang di pakai untuk membuat tulisan berjalan adalah marquee contoh : <marquee>letakan tulisan anda disini</marquee> maka tulisan berjalan anda sudah jadi.

letakan tulisan anda disini

Tapi kok lebih cepat dari tulisan yang pertama ? Nah untuk mengatur kecepatan gerakan tulisan anda cukup menambahkan skrip scrollamount dan isi nilai nya dari satu sampai berapapun, semakin besar nilainya maka akan semakin lambat gerakannya

<marquee scrollamount="3">letakan tulisan anda disini</marquee>

maka gerakannya jadi melambat

letakan tulisan anda disini

Nah bagaimana jika kita ingin merubah arah gerakannya dari kanan ke kiri menjadi kiri ke kanan ? kita cukup menambahkan kode direction dan isi nilai nya dengan right.

<marquee direction="right">letakan tulisan anda disini</marquee>

letakan tulisan anda disini

Ganti dengan up jika ingin dari bawah ke atas atauy down jika sebaliknya

Kemudian jika anda ingin teks berhenti ketika cursor di dekatkan ke tulisan dan berjalan kembali jika cursor di jauhkan  maka masukan kode ini ke dalam marquee atau teks berjalan yang telah kita buat

onmouseover="this.stop()" onmouseout="this.start()"

<marquee direction="right" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">letakan tulisan anda disini</marquee>


letakan tulisan anda disini

Share :

Facebook Twitter Google+
Back To Top