自动动画Jquery

Question

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

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 );