Kaedah pelaksanaan: 1. Tambahkan gaya "display: none;" pada elemen untuk menyembunyikan elemen terlebih dahulu; 2. Gunakan pemilih ":hover" dan "display:block;" over display effect , sintaksnya ialah "elemen induk:elemen hover {display:block;}".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Css untuk merealisasikan paparan dan meninggalkan kesan bersembunyi selepas tetikus melepasi
Idea pelaksanaan:
Pertama letakkan elemen Sembunyikan;
Kemudian gunakan pemilih ":hover" untuk menetapkan gaya hantaran tetikus--elemen paparan
Kod pelaksanaan:
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 520px;
height: 50px;
background-color: #008000;
}
span{
color: azure;
display: none;
}
div:hover span{
display:block;
}
</style>
</head>
<body>
<div>
<span>hello</span>
</div>
</body>
</html>Rendering:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk mencapai kesan paparan dan biarkan-sembunyi apabila tetikus melalui css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
