Question

好吧，看来互联网还没有解决方案。

我需要旋转/淡出/滑动十个左右的img，它们在悬停时叠放在一起。以这种方式

$(function(){
$('.preview img:gt(0)').hide();
setInterval(function(){
  $('.preview :first-child').fadeOut().next('img').fadeIn().end().appendTo('.preview');}, 
  200);
});

除了我需要踢它并用悬停停止它，我无法完成。我试图添加活动类等，但它只是在使用悬停

启动时翻转

Answer 1

setInterval方法返回一个句柄，可用于停止间隔：

$(function(){
  $('.preview img:gt(0)').hide();

  var handle;

  $('.preview').mouseover(function(){
    handle= setInterval(function(){
      $('.preview :first-child').fadeOut().next('img').fadeIn().end().appendTo('.preview');}, 
    200);
  });

  $('.preview').mouseout(function(){
    clearInterval(handle);
  });

});

在悬停jquery上切换图像

1 个答案: