我需要的是一种类似于鼠标轨迹效果,当你将鼠标悬停在div上方或下方时会出现。但如果你快速地几次移动鼠标然后停止,效果会自行重复发生。
我该如何解决这个问题?我认为我需要某种类似于animate选项的de-queue功能,但适用于fadeTo函数。有什么好的想法吗?
我该如何解决这个问题?我认为我需要某种类似于animate选项的de-queue功能,但适用于fadeTo函数。有什么好的想法吗?
$(".test").mouseover(function(e) {
$(this).fadeTo(200, 1);
}).mouseout(function(e) {
$(this).fadeTo(200, 0.3);
});
.test {
padding: 5px;
width: 200px;
color: #ffffff;
font-weight: bold;
background: #000000;
opacity: 0.3;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>
<div class='test'>asd</div>