悬停时从上到下动画图像[关闭]

Posted 2023-05-08

【中文标题】悬停时从上到下动画图像[关闭]

【英文标题】：Animate image from top to bottom on hover [closed]

【发布时间】：2013-02-28 21:02:13

【问题描述】：

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

【问题讨论】：

无论您尝试什么，请发布代码

我需要那个代码:)

@DeneshKumar 直到并且除非你表现出你的努力。没有人会帮助你。事实上的问题很快就会结束

对不起，我对此很陌生..如果有人能帮助我实现这个概念，我们将不胜感激。

【参考方案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 animations 的纯 CSS 解决方案。

【讨论】：

感谢您的回复:):)，将尝试一下