Membuat tulisan berjalan dalam website

Kategori HTMLDalam perintah HTML sudah tersedia perintah untuk menggerakkan objek berupa tulisan atau gambar dengan perintah <marquee>TEXT</marque>.

Dengan perintah tersebut objek yang berada diantaranya secara otomatis akan bergerak dari kanan kekiri secara horizontal. Untuk beberapa keperluan kita bisa tambahkan beberapa atribut bawaan yang bisa disesuaikan. Atribut adalah opsi pilihan yang bisa kita tempelkan pada perintah utama marquee. Beberapa atribut tersebut yaitu :

  1. direction : digunakan untuk mengubah arah pergerakan. Atribut ini bisa diberi nilai : up (bawah ke atas), down (atas ke bawah), left (dari kanan ke kiri), dan right (dari kiri ke kanan).
  2. scrollamount : digunakan untuk mengatur lompatan karakter pada tiap gerakan. Atribut ini bisa diberi nilai minimal 1. Semakin besar nilainya berarti akan semakin besar jarak lompatan karakternya sehingga akan cepat sampai ke titik akhir.
  3. scrolldelay : digunakan untuk mengatur cepatnya pergerakan. Atribut ini bisa diberi nilai minimal 1. Semakin besar berarti semakin cepat pergerakanya.

Perubahan kombinasi nilai scrollamount dan scrolldelay akan sangat berpengaruh terhadap kecepatan dan halus tidaknya pergerakan objek. Jadi harus diatur agar dilihat bagus.
Berikut saya contohkan penggunaan :

<marquee scrollDelay="10" scrollamount="3" direction="right">Selamat datang di website saya</marquee>

Hasil tampilan kode diatas :

Selamat datang di website saya

 Kita bisa juga tambahkan opsi agar pergerakan objek bisa dikontrol oleh mouse, sehingga jika korsur mouse digerakkan diatasnya maka objek berhenti bergerak, dan jika dipindah maka bergerak kembali. Berikut contoh kodenya :

<marquee onmouseover='this.stop()' onmouseout='this.start()' direction="right" scrollDelay="10" scrollamount="3">Selamat datang di website kami</marquee>

Hasil dari kode diatas :

Selamat datang di website saya

Bedakan kode dan hasilnya dari kode sebelumnya, ada tambahan onmouseover='this.stop()' onmouseout='this.start()' yang mempengaruhi pergerakan jalan dan berhenti objek.

Kode HTML diatas bisa anda gunakan untuk menambah animasi pada halaman blog/website anda. Caranya copy kode diatas dan sisipkan dalam blok body halaman web anda.

 

Semoga bermanfaat
Zainal Hakim

 

** Bebas disunting dengan menyebutkan sumber **

Artikel Lainnya

  • Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML
    Mungkin istilah TAG, ATRIBUT dan VALUE dalam HTML agak terlupakan, karena kebanyakan teman-teman yang sedang belajar membuat web sekarang lebih dimanjakan oleh editor web visual yang sangat praktis dan instan. Berikut ini saya coba mengingatkan kembali tentang 3 istilah dasar tersebut agar pemahaman serta penggunaan HTML lebih mudah.
  • Cara memasukkan gambar dalam halaman web
    Panduan cara memasukkan gambar dalam halaman web/blog dengan kode html, lengkap dengan tips optimalisasinya. Untuk memasukkan gambar dalam web sekarang memang sudah dimudahkan dengan bantuan editor visual yang langsung membuat kode otomatis HTML secara instan, tapi tidak ada salahnya anda mengetahui cara teknis menyisipkanya.
  • Membuat tabel dengan HTML
    Tabel adalah salah satu objek terpenting yang bisa kita gunakan untuk banyak keperluan. Tabel bisa digunakan untuk membuat laporan dengan HTML, bisa digunakan untuk menyusun objek lain seperti gambar atau tulisan, bahkan tabel juga bisa digunakan untuk menata layout tampilan web. Bagi anda yang sedang belajar bahasa pemrograman web seperti PHP atau yang lainya, tabel ini juga bagian terpenting yang harus anda ketahui karena bentuk laporan dari database tentunya akan disajikan dalam bentuk tabel. Bagaimana cara membuat tabel yang benar? dan bagaimana contohnya?
  • Pengertian dan cara membuat Hyperlink
    Hyperlink dalam HTML/web/blog merupakan komponen yang sangat penting karena tanpa ada hyperlink sebuah halaman web akan terlihat mati. Simak apa pengertian dan cara membuat Hyperlink dalam html
  • Perbedaan form method POST dan GET
    Bagi anda yang sudah terbiasa membuat form dalam HTML pasti sudah sering melihat kode yang tersusun dalam sebuah form, termasuk atribut form yang digunakan. Salah satu atribut yang digunakan dalam form adalah method. Atribut method bisa diberi nilai dengan POST atau GET.

Kiriman terbaru