悬停时从上到下动画图像

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

除此之外，你可以使用纯粹的CSS解决方案：hover和CSS animations。