我可以使用 jquery 做本页所示的效果吗？

Question

请看这个页面：

http://www.nike.com/nikeos/p/nikegolf/en_US/

在幻灯片 2 中，有一个中间面板对鼠标越过有增长的影响。一些面板同时移到一边，或者只是在另一个面板上增长。 正如你所看到的，背景发生了变化，盒子和它的内容一样变大了。 我认为那是 flash，但是，有没有办法使用 jquery 获得相同的结果？ 我有一定的 jquery 经验，但我不认为 function 将有助于获得这些结果

谢谢

Answer 1

我会说它是 flash 但如果你想做一些类似的事情试试

http://api.jquery.com/animate/

我为使用.animate()的客户做了一个类似 flash 的效果，使用每个部分的图像看起来非常好。

Answer 2

你应该使用 animate() function。

首先，我会确保像那些菜单元素这样的元素都设置为可变宽度/高度。 然后，制作一个与您的动画 function 相关联的 onmouseover 事件处理程序，这将增加或减少被鼠标悬停的元素的大小。 由于所有元素都是可变宽度/高度，因此它们将根据可用空间量进行调整。 您可能希望有一个较短的 animation 时间。

研究动画，如果您还有其他问题，请在此处发布。

Answer 3

不容易，因为图像本身是动画的。 这不仅仅是 html object 操纵。