jquery - 悬停时从上到下动画图像

Question

我正在尝试这样：http : //demo.highthemes.com/smartscreen/ 右上角的图像链接选项卡在那里..悬停它的动画和更改颜色..有人可以帮忙吗？

Answer 1

这可能是 jQuery 解决方案的一个很好的起点：

$(".on-hover-show-whatever").on('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    $(this).find('.whatever').slideDown(250);
  } else {
    $(this).find('.whatever').slideUp(250);
  }
});

看看这里的jsFiddle：A little fiddle I did

除此之外，您可以使用带有 :hover 和CSS 动画的纯 CSS 解决方案。