导航栏的动画图像答案

【问题标题】：animated images for navigation bar导航栏的动画图像
【发布时间】：2011-10-05 14:49:46
【问题描述】：

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

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

有没有人见过这样的东西 - 是否可以使用动画 gif 作为翻转图像 - 唯一的问题是当我将鼠标悬停在链接之外时，我无法再次缩小圆圈...... ..

希望这是有道理的，有人可以帮忙！！！

谢谢京东

【问题讨论】：

【解决方案1】：

您可以使用 jQuery 通过使用 .hover() 和 .animate() 创建特殊效果。您可以在这里找到一个工作示例：http://colorpowered.com/blend/

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

【讨论】：

【解决方案2】：

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

【讨论】：