jquery - 自动动画 Jquery

Question

我有一个问题，假设我有一个对象并且我希望它持续发光，这可以通过 Jquery 实现吗？是否有自动动画功能可以循环淡入淡出注释？如果有，意味着我只需要两个图像并自动切换淡入淡出淡出，有没有办法实现这一点？

Answer 1

LIVE DEMO

假设您创建了一个DIV带有背景的图像，并在其中放置了IMG淡入淡出：

<div class="fade" style="width:100; height:100; background:url(img1.jpg);">
    <img src="img2.jpg" />
</div>

比您可以使用.fadeTo()回调来循环图像的淡入淡出：

var opac=[1, 0.2], c=0;    
(function loop(){
      $('.fade img').fadeTo(400, opac[++c%2], loop);
})();

Answer 2

Demo

您可以使用setInterval函数来制作循环。一个间隔必须等于fadeOut和fadeIn动画的总和。例如：

setInterval( function() {
    $( '#comment' ).fadeOut( 800 ).fadeIn( 200 );
}, 1000 );