jQuery放大鼠标悬停

Question

我试图模仿类似的效果,当你滚动OSX图标停靠时它放大图像,

我有这个标记.

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

默认情况下,它们都设置为200px宽和14px字体大小.

我喜欢它,所以当你将鼠标悬停在其中一个UL上时,它将其宽度和文本大小放大约20%,然后当你鼠标移动时它会回到原来的位置.

但是我不知道该怎么称呼它,我已经搜索了封面流,放大了我能想到的任何效果,而且我无法找到预制的插件来做这个,有没有人知道在哪里找到一个或敲一个快点？

谢谢

Answer 1

这可能呢？

http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/