• Rumah  >  Artikel  >  hujung hadapan web  >  Kesan kelipan dikawal oleh CSS_CSS/HTML

    Kesan kelipan dikawal oleh CSS_CSS/HTML

    WBOY
    WBOYasal
    2016-05-16 12:11:032080semak imbas

    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"〉

     

    Kenyataan:
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn