0

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

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

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

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

链接到示例

非常感谢您的帮助。

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

4

1 回答 1

1

使用 Jquery 的animate()来修改链接的样式。例子:

$( "#link1" ).animate({
   color:red, opacity: .5
}, 1000, "linear", function(){ alert("all done"); });
于 2011-03-07T15:37:08.393 回答