php - 使用Jquery实现翻转效果

Question

你能帮我用jquery制作一个翻转效果吗，我想做的是，当有人将鼠标悬停在任何菜单项上时，文本会向下滑动并消失，图片会从上向下滑动到中心(例如你可以在这里看到这种效果 panda 因为你可以看到图片从顶部向下滑动，但文本没有向下滑动，这不是想要的)。

我知道使用 Flash 可以轻松完成此操作，但我不希望我的菜单使用 Flash，因为这将是一个不好的做法。

你能告诉我我的菜单 HTML 需要更改什么以及我应该使用哪些 jquery 函数吗？

非常感谢您的帮助

附注这是我的菜单 HTML，您可以在这里看到我的菜单

<ul class="nav">

<li class="active first"><a href="#" class="home">Home</a></li>
<li><a href="#" class="news">News</a></li>
<li><a href="#" class="offers">Special offers</a></li>
<li><a href="#" class="private">Private label</a></li>
<li><a href="#" class="locations">Locations</a></li>
<li><a href="#" class="about">About us</a></li>
<li><a href="#" class="jobs">Jobs</a></li>
<li><a href="#" class="contact">Contact us</a></li>
<li><a href="#" class="mm">Multimedia</a></li>

</ul>

菜单:

Answer 1

我不会为您做这件事，而是提供一些开始寻找的地方..

下面是一个可以轻松修改为使用“滚动”而不是“单击”的示例:http://css-tricks.com/examples/MenuFader/

有关如何组合上述示例的详细信息(教程): http://css-tricks.com/learning-jquery-fading-menu-replacing-content/

我通过在 Google 上搜索“jquery 效果示例”找到了本教程: http://www.google.com/search?hl=en&q=jquery+effects+examples&btnG=Google+Search&aq=f&oq=然后单击第一个和第二个链接。

祝您的 Jquery 项目一切顺利。