导航栏的动画图像

时间:2011-10-05 14:49:46

标签: jquery css jquery-animate animated-gif

我正在尝试构建一个导航栏,在悬停/点击时显示动画gif作为文本的背景。

例如 - 我想要一个只有3个链接的导航栏 - 主页,目录和联系人。当用户滚动其中一个菜单时,会出现一个动画gif(?)或css / jquery动画,其中圆圈在文本后面增长,然后当鼠标滚动到另一个菜单时再次收缩(并且在该菜单上发生相同的效果)

有没有人见过这样的东西 - 是否有可能使用动画gif作为翻转图像 - 唯一的问题是当我远离链接时我无法再缩小圆圈.... ..

希望这是有道理的,有人可以帮助!!!

由于 JD

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery通过.hover().animate()创建特殊效果。您可以在此处找到一个有效的示例:http://colorpowered.com/blend/

对于你问题的第二部分。是的,您可以使用GIF动画作为翻转图像。

答案 1 :(得分:0)

你可以尝试一些像jquery背景位置的jquery插件并通过移动背景图片来创建动画效果,你可以尝试这个demo