Kode HTML | Membuat Teks / Gambar Berjalan

Pernahkan anda melihat teks / gambar disuatu web bergerak / berjalan dari kiri ke kanan atau dari kanan ke kiri atau atas ke bawah atau bawah ke atas? Teks / gambar berjalan ini biasanya dapat menarik user web untuk melihat teks / gambar yang sedang bergerak tersebut. Biasanya dipakai untuk headline, atau pengumuman penting dari web anda.
Untuk itu bagi anda yang kesulitan membuat teks atau gambar berjalan ini, Inilah script simple atau kode html yang dapat dipraktekan dengan mudah

Script akan berjalan setelah Proses Loading Page telah selesai Mohon Kesabarannya

1. Script Untuk Teks berjalan dari kanan ke kiri

• <marquee direction="left">Teks berjalan dari kanan ke kiri</marquee>Teks berjalan dari kanan ke kiri

2. Script Untuk Teks berjalan dari Kiri ke Kanan

• <marquee direction="right">Teks berjalan dari kiri  ke kanan</marquee>Teks berjalan dari kiri ke kanan

3. Script Untuk Teks berjalan dari Bawah ke Atas

• <marquee direction="up">Teks berjalan dari Bawah  ke Atas </marquee>
  Teks berjalan dari Bawah ke Atas

4. Script Untuk Teks berjalan dari Atas ke Bawah

• <marquee direction="down">Teks berjalan dari Atas  ke Bawah </marquee>
  Teks berjalan dari Atas ke Bawah

5. Script Untuk Teks berjalan  hanya beberapa kali lalu menghilang

• <marquee loop="5">Teks ini akan hilang apabila telah 5 kali ber putar</marquee>
  Teks ini akan hilang apabila telah 5 kali ber putar

6. Script Untuk Mempercepat Teks yang berjalan

• <marquee scrollamount="20">Teks berjalan dengan kecepatan  20</marquee>
  Teks berjalan dengan kecepatan 20

 7. Script Untuk Memperlambat Teks yang berjalan

•  <marquee scrolldelay="250">Text diperlambat sebanyak nilai 1000/250 = ¼ sec</marquee>
  Text diperlambat sebanyak nilai 1000/250 = ¼ sec

8. Script Untuk Menambah tanda panah di kedua sisinya

• <marquee scrollamount="5" width="40">&lt;&lt;&lt;</marquee>Judul BLOG<marquee scrollamount="5" direction="right" width="40">&gt;&gt;&gt;</marquee>
  <<<Judul BLOG  >>>

9. Script Untuk Membuat Teks berjalan Zigzag

• <marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate">Teks ZigZag </marquee></marquee>
  Teks ZigZag

Script mengubah text menjadi gambar:

Editlah kalimat-kalimat diantara <marquee direction=""> dan </marquee> di 9 script diatas tadi dengan mengganti kode html gambar.

<img src="Alamat Gambar" />

Untuk contoh Script 8

• <marquee scrollamount="5" width="40">&lt;&lt;&lt;</marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRUj1kQNsydeyYSMdmIwCkjJwgY3xkqQK78CuJdJmfWUQub01j1qr-MM2beFpIdIKIX9H1TFmgCfSnIPuY0DwMSuDzAWEyXKB8ythcZIMrQMYUPMcUimN2WU8eIaJZxiSKmRFtYGWMzc/s1600/header-object.png" /><marquee scrollamount="5" direction="right" width="40">&gt;&gt;&gt;</marquee>
  <<<  >>>

Untuk contoh Script 9

• <marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate">Teks ZigZag </marquee></marquee>
  diubah menjadi
  <marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRUj1kQNsydeyYSMdmIwCkjJwgY3xkqQK78CuJdJmfWUQub01j1qr-MM2beFpIdIKIX9H1TFmgCfSnIPuY0DwMSuDzAWEyXKB8ythcZIMrQMYUPMcUimN2WU8eIaJZxiSKmRFtYGWMzc/s1600/header-object.png"/> </marquee>
  

Semoga Bermanfaat