我有两个图像,是相同的大小和文字,但不同的颜色(他们被用作徽标)。我想使用jQuery在两个图像之间慢慢地自动转换。首先,我打算从这两个图像中制作一个GIF图像,但随后我想也许可以使用jQuery。
使用jQuery可以做到这一点吗?
我希望在没有任何用户输入的情况下发生转换,并且可以每X秒发生一次。
请让我知道如何做到这一点。
发布于 2011-11-12 22:03:28
发布于 2011-11-12 22:04:42
可以,您可以使用绝对定位将新图像放在当前图像的顶部,然后使用fadeTo淡入新图像。您可以使用一个简单的setInterval来定期实现这一点。
编辑: fadeTo允许您转到特定的透明度级别。更容易使用fadeIn,它将从100%到0%的透明度。
发布于 2018-05-31 18:32:11
function fadeInAndOut() {$('#face').fadeIn(500).delay(500).fadeOut(500)}
setInterval(fadeInAndOut, 2000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="face" src="https://take-a-screenshot.org/secondary/img/about/face.jpg" style="display:none; position: absolute">
<img src="https://take-a-screenshot.org/secondary/img/about/blur.jpg">
https://stackoverflow.com/questions/8104890
复制相似问题