如何延迟阴影

Question

简而言之。页面上有一个按钮。单击按钮后，链接列表会从neg向下滑动。你的位置。一旦列表到达绳索的末端并悬挂，我希望有一个阴影淡入li元素。有什么建议？我尝试使用javscript来获取元素，为它添加一个类，并在类上放一个延迟，但这是徒劳的。请帮忙。

<div>
<ul class='list-group' id='list' style='position:absolute; top:-380px;'>
<h1 id='linkHeader'>Links</h1>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
</ul>
</div>

<button id = 'openLinkListButton' onclick='ani()'>click me</button>

codepen

Answer 1

使用jQuery，您可以$('.class').addClass('.classname').delay(ms)

.delay()以毫秒为单位使用，并在其后延迟函数。因此，如果你想要有一些淡入淡出但有延迟的东西，那就是

$('.class').delay(time).fadeIn(time);，其中＆＃39; time＆＃39;是以毫秒为单位。

.delay()只是延迟了之后发生的功能。