jQuery 定时链接动画 - 与幻灯片同步

Question

我的问题是：我有一个淡入/淡出图像列表的 jQuery 幻灯片。如果可能的话，我需要在此幻灯片放映旁边设置一组链接，这些链接会随着它们描述的图像的淡入而及时增长或放大。

即循环中有 4 个图像，左侧有 4 个与图像相关的链接，我希望与当前图像对应的链接以某种方式突出显示（增长、缩放等）

我找到了大量关于动画文本“onmouseover/onmousehover”的文档，但我最理想的做法是让动画与相关图像同步。我意识到这在 Flash 中会容易得多，但是出于 SEO 和可用性的原因，我要求链接是真实的文本，或者至少是带有文本缩进的精灵图像（如果这可以解决这个问题，cufon 也可以）

下面是一个非常基本的横幅设计链接（请善待），幻灯片有效，但链接目前只是静态图像。希望通过描述和这个示例，您将能够完全理解我想要达到的效果。

Link to example

非常感谢您的帮助。

编辑：我知道您可以使用 jQuery 将值“注入”到 CSS 中，因此我假设链接的 font-size 属性可以增加和减少，并且可以使用 jQuery 为这个动作设置动画。我只是不确定如何应用这组行为。我是 jQuery 新手。

Answer 1

使用 Jquery 的animate() 修改链接的样式。示例：

$( "#link1" ).animate({
   color:red, opacity: .5
}, 1000, "linear", function(){ alert("all done"); });