在出现时赋予隐藏的 div 效果答案

【问题标题】：Give hidden div effect on appear在出现时赋予隐藏的 div 效果
【发布时间】：2012-07-21 03:13:21
【问题描述】：

我有以下代码：

这很简单，当您将鼠标悬停在图像上时，它会显示相同的图像但更大。

我想实现类似于 Google 的效果，位于 Images：https://www.google.com/search?q=image&oe=utf-8&client=ubuntu&channel=fs&um=1&ie=UTF-8&hl=es&tbm=isch&source=og&sa=N&tab=wi&ei=p6wJUKMpg7LbBfTszdMH&biw=1680&bih=615&sei=qawJUKfHI9Lr0QGOouiLBA

我该怎么做？

【问题讨论】：

您是指悬停时它逐渐变大的方式吗？如果是这样（是的，我会提到 jQuery）你可以使用 jQuery animate 函数。
谢谢，那我试试 JQuery。

标签： javascript html hidden effect

【解决方案1】：

使用 jQuery animate()，或使用时间参数的 addClass()/removeClass()。这是我用过的一个例子：

$('.circle').hover(
  function () {
    $(this).addClass('bigger-outer', 1000);
  }, 
  function () {
    $(this).removeClass('bigger-outer', 1000);
  }
);

因此，它会在悬停时添加/删除带有圆形类的任何东西上的较大外部类，并在 1000 毫秒或一秒内过渡。

【讨论】：