小型JavaScript动画集成

Small JavaScript animation integration

本文关键字:集成 动画 JavaScript 小型      更新时间:2024-04-09

我有一些JavaScript代码:

<script type="text/javascript">
  function hideshow(which) {
    if (!document.getElementById)
      return
    if (which.style.display=="block")
      which.style.display="none"
    else
      which.style.display="block"
  }
</script>

如何将.slideToggle(1000);动画与此代码集成?

显示无法设置动画,您可以将其与css中的不透明度相结合
默认css:

display:none;
opacity:0;
transition:1s opacity ease;
-webkit-transition:1s opacity ease;

JS:

 which.style.display="block"
 which.style.opacity="1"

由于您是javascript的新手,我没有提供完整的解决方案,但您应该已经了解了。