我可以使用jquery执行此页面中显示的效果吗?

时间:2011-07-20 20:03:57

标签: javascript jquery

请看这个页面:

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

在幻灯片编号2中,有一个中间面板对小鼠产生了越来越大的影响。一些面板同时放在一边或者只是在另一个面板上生长。正如您所看到的,背景会发生变化,框会随着内容的增长而增长。我认为这是flash,但是,有没有办法使用jquery来获得相同的结果?我有一定的jquery经验,但我没有功能将有用的结合得到那些结果

由于

3 个答案:

答案 0 :(得分:0)

我会说这是闪光灯,但如果你想做一些类似的尝试

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

我使用.animate()对客户进行了类似闪光的效果,使用每个部分的图像效果非常好。

答案 1 :(得分:0)

你应该使用animate()函数。

首先,我会确保像这些菜单元素这样的元素都设置为可变宽度/高度。然后,创建一个与你的动画函数绑定的onmouseover事件处理程序,它将增加或减少被鼠标悬停的元素的大小。由于所有元素都是可变宽度/高度,因此它们将根据可用空间量进行调整。你可能想要一个短的动画时间。

研究动画,如果你有更多问题,请点击此处。

答案 2 :(得分:0)

不容易,因为图像本身正在动画化。这不仅仅是html对象操作。