Question

需要让图像消失并像这里一样重新出现（页脚）http://www.guiltypeople.nl/het-bureau/。

每个徽标都会慢慢消失，并重新出现在另一个地方。你能帮我找一个Javascript插件或其他什么来做这个吗？

感谢

Answer 1

首先：要重叠图像，您必须使用position: absolute制作技巧或使用background进行一些操作。查看here，here和here。

提示：如果位置是随机的而不是循环，则必须实现一个功能，该功能会使用jquery或javascript更改背景隐藏对象的位置。

第二个：如果图像重叠，则必须进行过渡效果。为此，您必须使用循环和alpha css property。

在您的原始问题中，您还要求轮换和其他FX，为此您不需要插件，请检查transforming with css。

普通alpha中的changin javascript属性示例：

for (var i = 0; i <= 100;){
    var element = document.getElementById('id');
    element.style.opacity = i * 0.1;
    element.style.filter  = 'alpha(opacity=' + i + ')'; // IE fallback
    i = i + 10;
}

您可以使用迭代进行旋转，或者在i条件为真时使用较少的mod增量来执行每个操作，想象您想要旋转90度4次并使图像消失10个步骤：

i = i + 5; // allows 20 iterations

if (i % 25 == 0) // if you want 4 rotation steps

if (i % 10 == 0) // if you want 10 alpha modifications

用于自动旋转图像的Javascript插件

1 个答案: