CSS boleh menggunakan latar belakang teg A untuk mencipta kesan menarik Halaman 1/2_Pertukaran pengalaman

Kesan ini adalah kesan yang ditulis oleh seseorang kepada saya hari ini dan bertanya tentangnya. Saya masih ingat bahawa saya telah menulis kesan yang sama sebelum menggunakan latar belakang tag A. Jadi saya hanya kembali dan menulis kesan yang dia minta! By the way, saya ingin menyiarkannya untuk dikongsi dengan anda Jika anda sangat kreatif, maka anda pasti akan dapat mencipta kesan yang lebih menarik.

Kesan yang dia cadangkan ialah kesan FLASH pada halaman utama Jiutian Music Dia perlu menggunakan CSS untuk meniru kesan yang sama, mungkin kerana dia tidak mahu menggunakan FLASH atau SEO. Jadi saya menggunakan FW untuk membuat dua gambar GIF untuk mensimulasikan kesan ini Memandangkan ia adalah untuk ujian, banyak aspek seperti gambar tidak dipertimbangkan secara terperinci. Ia agak kasar, tetapi ia masih kelihatan menarik, haha...

Pertama sekali: a:link, a:visited, a:hover, a:active: Mungkin ada orang yang mengatakan ini mengarut. Tetapi jika orang baru melihat ini, ia akan menjadi sangat berguna apa yang orang lain beritahu anda akan sentiasa lebih cepat daripada memahaminya sendiri.

Salin kod Kod adalah seperti berikut:

a:pautan{}
a:dilawati {}
a: tuding {}
a:aktif {}

Pernyataan di atas masing-masing mentakrifkan "pautan biasa", "pautan yang dilawati", "apabila tetikus diletakkan di atas" dan "klik tetikus" gaya "masa".

Bagi orang baru, anda mesti memberi perhatian di sini Semasa proses penulisan, susunan empat baris ini mesti ditulis mengikut susunan di atas, jika tidak kesan yang dipaparkan akan berbeza daripada yang dijangkakan. Aspek ingatan mudah ialah "LVHA". love ha.

Berikut ialah dua imej yang digunakan untuk mencipta kesan ini:
 
Berikut ialah bahagian CSS:

Salin kod Kod adalah seperti berikut:

di bawah Ia adalah bahagian susun atur:
Kod program

Salin kod Kod adalah seperti berikut:

Berikut ialah kesannya:

[Ctrl+A untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan]