gpt4 book ai didi

javascript - JS动画 visibility :隐藏的口吃

转载 作者:太空宇宙 更新时间:2023-11-04 06:38:51 26 4
gpt4 key购买 nike

function hideContent(){
document.getElementById('content').style.visibility = 'hidden';
}

function showContent(){
document.getElementById('content').style.visibility = 'visible';
}

<div class="content" id="content">

<p class="date">25 mei 2019</p>
<p class="location">Hennemeeuwis Neerpelt</p>
<h1>Masquarade Classix </h1>
<ul class="lineup">
<li>Nina Kraviz</li>
<li>Recondite</li>
<li>Mind Against</li>
<li>Âme</li>
<li>Vince Watson</li>
<li>Kölsch</li>
<li>Rodriguez Jr. </li>
<li></li>
</ul>
<div class="clear"></div>

<a href="#" class="button white">Buy Tickets</a>
<a onclick="openNav()" href="#" class="button black">More Information</a>

</div>





我正在将div设置为 visability:hidden动画,但是div中的按钮存在奇怪的滞后/停顿,因为它们异步消失了。签出托管在这里: http://setup.industries/masquarade/

同样,在我们讨论主题的同时,有人可以为我指出正确的方向,如何在香草JS中为这些动画添加淡入淡出吗?

谢谢!

  function hideContent(){
document.getElementById('content').style.visibility = 'hidden';
}

function showContent(){
document.getElementById('content').style.visibility = 'visible';
}

最佳答案

如果您正在寻找有关淡入淡出的答案,则可以查看本文Fades,这就是解释如何使用CSS和JS和JS淡入和淡出的方法。

关于javascript - JS动画 visibility :隐藏的口吃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53982204/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com