出现隐藏的div效果

Question

我有以下代码：

http://jsfiddle.net/EMX4Q/

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

我希望在图片：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

中获得类似Google的效果

我怎么能这样做？

Answer 1

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

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

因此，它会在悬停时使用圆圈类别添加/删除更大的外部类，并转换超过1000毫秒或一秒。