JS实现，鼠标静止一段时间后DIV渐隐，鼠标再次移动，DIV渐出恢复 80
1个回答
展开全部
这样比较简单,可以吗?
<html>
<head>
<meta charset="utf-8"/>
<title>延时过度</title>
<style>
h1 {
font-size: 16px;
}
.opt{
position: relative;
width: 50%;
height: 50%;
background-color: #000;
transition: opacity 0.5s ease 1s;
}
.opt:hover{
opacity:.5;
}
</style>
</head>
<body>
<h1>请将鼠标移动到下面的矩形上：</h1>
<div class="opt"> </div>
</body>
</html>
<html>
<head>
<meta charset="utf-8"/>
<title>延时过度</title>
<style>
h1 {
font-size: 16px;
}
.opt{
position: relative;
width: 50%;
height: 50%;
background-color: #000;
transition: opacity 0.5s ease 1s;
}
.opt:hover{
opacity:.5;
}
</style>
</head>
<body>
<h1>请将鼠标移动到下面的矩形上：</h1>
<div class="opt"> </div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
