標籤彙整：Effects

網頁設計人員都知道 HTML + CSS 是設計時不可或缺。但單純的靜態畫面不太能吸引瀏覽者的注意，所以得在搭配 JavaScript 來讓效果動起來。此次就用簡單的 jQuery 語法來讓原本單調的設計有不同的效果。

如果你是看到預覽圖(感謝梅干熱情提供)而覺得裡面會有好康的話，建議可以按下 Alt + ← 來回到上一頁：如果你現在因為標題看不懂而感到莫名其妙的話，請不要覺得是自己的問題，因為筆者已經想不出範例名稱了XD！所以請忽略標題直接看下去。

因為筆者實在沒什麼美術天份，所以範例中都是用很簡單的區塊背景顏色來表示，但很多同學都想要換成自己設計的美美圖示或項目時可能就會遇到一些問題。所以今天的範例中就多加了一些小技巧，讓各位能很簡單的替換成自己的圖片。

不知道各位在 Yahoo 新聞 中看新聞消息時，是否有注意到網頁中有用來推薦最新消息用的兩格圖片效果

jQuery 基本上的動畫只支援數值型的屬性，所以像是背景顏色就不能拿來做動畫效果使用。不過 John Resig 另外寫了個 jQuery Color Animations 套件來讓 jQuery 動畫能擴充支援到：backgroundColor 等七個顏色屬性。