Question

我正在尝试使用淡入淡出功能实现照片库。我经历过很多次，所以我们以this one为例。

我一直在尝试让我的代码在IE 8中工作，其中opacity:0的堆叠图像数量使得动画滞后（单个图像平滑淡出）。解决这个问题的方法是在图像淡出后对图像display:none进行处理。现在出现的问题是我的图像立即消失，而不是在完成动画之后消失。有办法解决这个问题吗？

我修改过的演示代码：

<div class="button" onclick="

    if(boole)
        document.getElementById('fade').style.display = '';

    fadeEffect.init('fade', boole?1:0);

if(!boole)
        document.getElementById('fade').style.display = 'none';

    boole = !boole;

">Fade In</div>

Answer 1

我不知道提供fadeEffect函数的是什么，但大多数JS效果库都有回调功能 - 在效果完成时调用函数。如果fadeEffect具有这样的功能，您可以将display: none内容放入该回调函数中。效果完成后，将调用回调函数，然后关闭。

javascript不按顺序修改样式属性

1 个答案: