javascript - 通过jQuery淡入淡出循环

Question

我有一张图片。例如

我想要一些项目淡出，在 img 上淡入循环。有可能 jQuery 吗？

Answer 1

您应该在现有图像上添加其他图像，然后将它们淡入淡出。代码看起来像这样：

    <img src='firstStar.jpg' alt='star image' id='firstStar' />

    var loopImages = function(){

         $('#firstStar').fadeIn(1500, function(){

                   $('#firstStar').fadeOut(1500, loopImages);           
         });
    }
    loopImages();

其他选项可能是在图像上放置透明 div 并在循环中模糊它们。对于后一种方法，您可以使用blurjs 库。

Answer 2

如果您通过“某些项目”指代图像本身的某些项目 - 那么答案是否定的。但是，如果你有这个图像说作为一些 div 的背景，那么你可以在图像本身上显示一些其他元素（通过添加divs 或imgs 并相应地定位它们），然后由 jQuery 淡入淡出。