masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > penapis statik css + A:Hover_Experience pertukaran

penapis statik css + A:Hover_Experience pertukaran

WBOY

Lepaskan： 2016-05-16 12:10:17

asal

1973 orang telah melayarinya

penapis statik css + A:Kesan tuding

<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>WU XIN</title>
<style> 
 * { margin:0px; padding:0px; } 
  
 .i1 { width:64px; border:0px none #888; margin:0px; } 
  
 .a0 { filter:Gray() Alpha(Opacity=40); display:block; height:64px; width:64px; } 
 .a0:hover, .a0:active { filter:Alpha(Opacity=100); display:block; height:64px; width:64px; } 
 .a1 { border:1px solid #999; } .a1:hover { border:1px solid gold;} 
 .a2 { border:1px solid #999; } .a2:hover { border:1px solid green; } 
 .a3 { border:1px solid #999; } .a3:hover { border:1px solid blue;} 
 .a4 { border:1px solid #999; } .a4:hover { border:1px solid red;} 
 .a5 { border:1px solid #999; } .a5:hover { border:1px solid silver;} 
 .a6 { border:1px solid #999; } .a6:hover { border:1px solid black;} 
 .a7 { border:1px solid #999; } .a7:hover { border:1px solid #FEE;} 
</style>

<div id="">
 <a href="#" class="a0 a1">
<img  src="/articleimg/2006/06/3619/01.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a2">
<img  src="/articleimg/2006/06/3619/02.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a3">
<img  src="/articleimg/2006/06/3619/03.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a4">
<img  src="/articleimg/2006/06/3619/04.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a5">
<img  src="/articleimg/2006/06/3619/05.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a6">
<img  src="/articleimg/2006/06/3619/06.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
 <a href="#" class="a0 a7">
<img  src="/articleimg/2006/06/3619/07.jpg" class="i1" alt="penapis statik css + A:Hover_Experience pertukaran" ></a>
</div>

Label berkaitan：

+

sumber：php.cn

Artikel sebelumnya：Koleksi Soalan Lazim Standard Web 3_Pertukaran Pengalaman Artikel seterusnya：div+css untuk membuat jadual

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Lancarkan penyemak imbas telus untuk meningkatkan pengalaman aplikasi web dan PWA [menyokong HTML statik, CSS dan JavaScript] [membenarkan pengguna melihat kertas dinding desktop dalam aplikasi web/PWA kami] Saya seorang pembangun dan pereka bentuk hadapan junior yang sedang membangunkan aplikasi ...

daripada 2024-04-05 13:50:12

0

1

1367

Kelas baris CSS menjadikan elemen tertentu terkeluar daripada bingkai, manakala ia harus statik dan ditetapkan pada bahagian bawah paparan Halaman saya pada masa ini kelihatan seperti ini. Selepas menambah kelas baris supaya kedu...

daripada 2024-04-03 18:48:12

0

1

281

Tidak boleh menggunakan penapis CSS pada tuding dalam Safari Saya perhatikan bahawa membuat perubahan pada sifat penapis pada tuding menyebabkan tingka...

daripada 2024-04-01 08:19:51

0

1

387

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan