Hasilkan ticker tanpa JavaScript

instagram viewer

Jika Anda ingin membuat ticker berita sederhana di situs web Anda atau menunjukkan pesan penting, Anda dapat menampilkan teks sebagai ticker. Anda tidak perlu fungsi JavaScript untuk ini, Anda dapat menggunakan tag HTML sederhana sebagai gantinya, yang juga memiliki keunggulan yang menentukan dibandingkan JavaScript.

Buat ticker dengan tag HTML " marquee"
Buat ticker dengan tag HTML "marquee"

Kerugian dari ticker dengan JavaScript

Meskipun relatif mudah untuk membuat teks bergerak dengan JavaScript, ia memiliki satu kelemahan utama.

  • Misalnya, JavaScript dapat dinonaktifkan di browser masing-masing pengunjung sehingga fungsi Anda tidak akan ditampilkan sama sekali.
  • Anda dapat menghindari ini hanya dengan menambahkan tag HTML yang sesuai "marquee" (Eng. Gunakan "ticker"), yang didukung oleh browser paling umum, meskipun tidak distandarisasi secara resmi.
  • Terlepas dari apakah Anda menggunakan JavaScript atau tag marquee, Anda harus menyadari bahwa teks berjalan dapat dianggap mengganggu oleh pengunjung Anda. Hari ini, dengan pengecualian ticker berita, ticker sangat jarang menjadi bagian dari situs web modern, sehingga Anda dapat menunjukkan aspek tertentu dengan lebih baik dengan struktur yang jelas dan pencocokan warna Sebaiknya.

Gunakan Marquee dalam kode HTML

Tag HTML "marquee", seperti kebanyakan tag, memiliki struktur sederhana, sehingga pada dasarnya Anda hanya perlu menulis tag untuk menghasilkan ticker.

Buat ticker berita untuk beranda - begitulah cara kerjanya

Jika Anda ingin menambahkan fungsi ticker berita ke beranda Anda, Anda dapat melakukan ini ...

  • Itu sudah cukup untukmu Pesanmu tulis di tempat yang diinginkan. Akibatnya, teks "Pesan Anda" akan bergerak terus ke kiri dari tepi kanan gambar.
  • Jika Anda ingin mengubah arah ini, Anda hanya perlu atribut "arah". Direction) dan kemudian masukkan arah bahasa Inggris. Jadi jika Anda ingin teks bergerak dari kiri ke kanan, Anda harus Pesanmu tulis, karena arah perjalanan harus ke "kanan".
  • Sehingga ticker selalu bergerak bolak-balik, yaitu secara otomatis beralih ke arah lain, segera setelah tepi gambar tercapai, Anda dapat menggunakan atribut "perilaku" dengan nilai "alternate" menggunakan. Misalnya, bisa terlihat seperti ini: Pesanmu.
  • Anda juga memiliki opsi untuk memengaruhi kecepatan pengguliran teks dengan bantuan dua atribut "scrollamount" dan "scrolldelay". Atribut "scrollamount" menentukan sejauh mana teks masing-masing harus bergerak dengan setiap langkah, yaitu berapa banyak piksel yang harus dilompati. Atribut "scrolldelay" menentukan waktu antara lompatan individu, yaitu penundaan masing-masing. Teks yang berkembang pesat, misalnya, dapat dimulai dengan "Pesanmu dihasilkan.
  • Terakhir, Anda juga bisa mendesain area ticker. Misalnya, Anda memiliki opsi untuk mengatur "ketinggian" area tenda, a Atur warna latar belakang atau sesuaikan warna font teks, yang terakhir berdasarkan tambahan tag font adalah mungkin. Untuk area setinggi 50px yang seharusnya memiliki latar belakang hitam dan font putih, Anda harus menulis: Pesanmu.

Seberapa membantu menurut Anda artikel ini?

click fraud protection