我的问题是:我有一个jQuery幻灯片,它可以淡入/淡出图像列表。我需要,如果可能的话,在这个幻灯片放映的旁边有一组链接,随着他们描述的图像逐渐消失,它们会随着时间的推移而略微增大或缩放。
即。循环中有4个图像,左边有4个与图像相关的链接,我希望与当前图像对应的链接以某种方式突出显示(增长,缩放等)
我找到了很多关于动画文本'onmouseover / onmousehover'的文档,但我理想的做法是让动画与相关图像同步。我意识到这在Flash中会容易得多但是,出于搜索引擎优化和可用性的原因,我要求链接是真正的文本,或者至少是带有文本缩进的精灵图像(如果这提供了解决这个问题的解决方案,cufon也会很好)
下面是横幅的一个非常基本的设计的链接(善良),幻灯片放映工作,但链接目前只是一个静态图像。希望通过描述和这个例子,你将能够完全理解我想要实现的效果。
非常感谢您的帮助。
编辑:我知道你可以使用jQuery在CSS中“注入”值,所以我假设链接的font-size属性可以增加和减少,这个动作可以用jQuery动画。我只是不确定如何应用这组行为。我是一个jQuery新手。
答案 0 :(得分:1)
使用Jquery的animate()修改链接的样式。例如:
$( "#link1" ).animate({
color:red, opacity: .5
}, 1000, "linear", function(){ alert("all done"); });