jQuery定時鏈接動畫 - 在幻燈片放映時間

Question

我的問題是這樣的：我有一個jQuery幻燈片淡入/淡出圖像列表。我需要的是，如果可能的話，在幻燈片放映的同時，還有一組鏈接，隨着他們描述的圖像的淡入，它們會隨着時間的推移而略微增大或縮小。

I.e.有4個圖像在循環中，4個與圖像相關的左側鏈接，我希望與當前圖像對應的鏈接以某種方式突出顯示（增長，縮放等）。在動畫文本'onmouseover/onmousehover'中發現了大量文檔，但我最想做的是讓動畫與相關圖像同步。我意識到這在Flash中會容易得多，但對於搜索引擎優化和可用性的原因，我需要鏈接爲真實文本或者至少帶有文本縮進的精靈圖像（如果這樣可以解決這個問題，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"); });