Rumah > Artikel > hujung hadapan web > Kesan kelipan dikawal oleh CSS_CSS/HTML
Sekeping teks atau gambar mempunyai lingkaran cahaya di sekelilingnya. Halo ini berkelip sekali setiap saat Apabila tetikus digerakkan di atasnya, ia serta-merta berhenti berkelip dan apabila tetikus dialihkan, ia terus berkelip. Kesan ini digunakan untuk kandungan yang memerlukan perhatian khusus daripada orang lain (seperti amaran, laporan kandungan baharu, dll.), dan boleh mencapai hasil yang lebih baik.
Contoh di atas boleh mencapai kesan di atas Oleh kerana ini adalah gambar yang ditangkap, kesan dinamik tidak dapat dilihat. Idea pengeluaran ialah: gunakan penapis "Glow" CSS untuk menghasilkan kesan halo, gunakan sifat CSS yang berubah secara dinamik dan gunakan program JavaScript kecil untuk menukar nilai sifat setiap saat untuk mencapai kesan kelipan Kemudian gunakan dua peristiwa (. onmouseover dan onmouseout) untuk memanggil program Javascript untuk mengawal sama ada untuk berkelip.
Kaedah pengeluaran:
1. Buat penapis Glow Untuk cara menyediakan penapis CSS, sila rujuk artikel berkaitan tentang "Petua Aplikasi Penapis CSS". Ia tidak akan berulang di sini. Bagi netizen yang tidak menggunakan Dreamweaver, sila salin kod berikut antara 〈head〉 dan 〈/head〉 kod sumber halaman web:
〈style type="text/css"〉