Question

我正在使用来自http://www.smoothdivscroll.com/clickableLogoParade.html的可点击徽标游行做一个标志滑块。

问题1：如何在悬停上面的徽标滑块时使图像更大？

我尝试直接调整图像的高度和宽度，但我希望图像在此效果中变大：http://www.morearty.com/blog/2013/06/06/html-css-to-make-an-image-bounce-to-a-larger-size-on-hover/

当一个人盘旋时，图像位置仍然保持在中心位置。

问题2：如果只是在点击箭头或其他东西时使其滚动，而不是让上面的徽标滑块自动滚动？

Answer 1

问题1：

为您的图片添加一个类（例如scrolling_image）并在鼠标上方增加大小，鼠标移出会使其恢复正常：

$( "scrolling_image" ).mouseover(function() {
  $(this).animate({
    "width": "300px",
    "height": "300px"
  }, 2000, function() {
    // Animation complete.
  });
});
$( "scrolling_image" ).mouseout(function() {
  $(this).animate({
    "width": "100px",
    "height": "100px"
  }, 2000, function() {
    // Animation complete.
  });
});

关于第二个问题，请阅读Documentation：

滑块图像悬停效果

1 个答案: