2

我试图模仿类似的效果,当您滚动 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%,然后当您将鼠标移开时,它会返回到其原始位置。

但是我不知道该怎么称呼它,我已经搜索了coverflow,放大了我能想到的任何效果,并且我无法找到一个预构建插件来执行此操作,有人知道在哪里可以找到一个或敲一个快起来?

谢谢

4

3 回答 3

6

这也许?

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

于 2012-03-26T13:37:49.007 回答
0

你可以用几件事来做......你可以看到jquery scale或使用css3转换,或者你可以使用像Oscar的答案这样的库

于 2012-03-26T13:40:55.497 回答
0

本文有一个插件以及如何设置它。我认为人们将此称为 OSX Dock 效果。

http://ndesign-studio.com/blog/css-dock-menu

于 2012-03-26T13:42:11.437 回答