用于自动旋转图像的 Javascript 插件 [关闭]

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 属性在普通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;
}

您也可以使用迭代进行旋转，或者在mod 条件为真时使用较少的i 增量来执行每个操作，假设您要旋转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