Bagaimana untuk membuat kedipan teks pada halaman web saya

Versi terdahulu pelayar HTML dan Internet menyokong teg. Ia digunakan untuk membuat teks berkedip di laman web. Hari ini, tag ini telah ditamatkan dan tidak lagi disokong dalam mana-mana pelayar utama. Untuk membuat teks berkelip, gunakan sama ada contoh CSS atau JavaScript di bawah.

  • Contoh CSS
  • Contoh JavaScript

Untuk membuat kelas blink CSS, salin kod CSS di bawah ke kepala halaman web anda.

Sebaik sahaja kod CSS di atas telah dimasukkan, anda boleh menggunakan kelas "sekelip" pada sebarang elemen. Di bawah adalah tag perenggan menggunakan kelas berkedut.

Contoh teks berkedip menggunakan CSS.

Berikutan semua langkah di atas memberikan anda berkedip teks seperti yang ditunjukkan di bawah.

Contoh teks berkedip menggunakan CSS.

Contoh JavaScript

Untuk membuat fungsi berkelip JavaScript, salin kod JavaScript di bawah ke kepala halaman anda.

 fungsi blinker () {$ ('blinking'). fadeOut (500); $ ('. blinking'). fadeIn (500); } setInterval (blinker, 1000); 

Sebaik sahaja JavaScript di atas dimasukkan ke dalam halaman anda, anda boleh memanggil fungsi tersebut dengan menambah kelas "berkedip" ke mana-mana elemen. Di bawah adalah tag perenggan menggunakan kelas berkedip.

Contoh teks berkedip menggunakan JavaScript.

Berikutan semua langkah di atas memberikan anda berkedip teks seperti yang ditunjukkan di bawah. Anda boleh menyesuaikan nilai dalam JavaScript untuk mengubah penampilan teks berkedip.

Contoh teks berkedip menggunakan JavaScript.