-
DOCTYPE html>
-
<html lang="zh">
-
<head>
-
<meta charset="UTF-8" />
-
<style>
-
.content{
-
background: #fff;
-
border: 1px solid #ddd;
-
padding: 10px;
-
color: red;
-
position: absolute;
-
visibility: hidden;
-
}
-
.box:hover .content{
-
visibility: visible;
-
transition: visibility 0s 3s;
-
}
-
</style>
-
</head>
-
<body>
-
<div class="box">
-
<p>划入3秒后显示内容</p>
-
<div class="content">
-
这是一段文本
-
</div>
-
</div>
-
<div class="box">
-
<p>划入3秒后显示内容</p>
-
<div class="content">
-
这是一段文本
-
</div>
-
</div>
-
<div class="box">
-
<p>划入3秒后显示内容</p>
-
<div class="content">
-
这是一段文本
-
</div>
-
</div>
-
</body>
-
</html>