標籤彙整：Animation

各位應該有到所謂的網路相簿看到照片吧！不管是無名小站或是痞客邦相簿等的系統，每一本相簿中都會有多張照片，但想要全看到時就得點進去一張一張的看才行。若如果能在相簿外就把全部的縮圖都預覽過一次的話，相信對於整個使用上是有幫助的。

有在逛日本網站的人可以會發覺到他們還蠻常整站都是用 Flash 來設計的，當然也會用到各種有趣的效果。像是利用滑鼠的移動控制商品或是作品集圖片的展示。不過一時之間也找不到有類似效果的網頁給各位看，所以咱們就直接進入主題吧。

一般 Flash 廣告或是商品的輪播大多是不間斷的，所以就常會有網友問說 jQuery 的範例是否能做到不間斷的輪播呢？答案其實連想都不用想的也知道是可以的，且要達到同樣效果的方法有好幾種，筆者此次就針對一種較簡單但效能會差一點點的方式來介紹。

基本上廣告的滑動效果作法都是大同小異，會有差別的是在樣式及功能上的改變。像有同學就問到說是否能把「左右水平廣告輪播」的下方加上號碼鈕，甚至還希望多加一對能切換上下張圖片的鈕。

現在很多公司網頁的動態效果都希望能在像是 iPad 上能正常瀏覽，可惜偏偏 iPad 就是不理不理 Flash，因此上課時最常被問到的就是如何寫出滑動的展示效果。滑動的效果不外是控制區塊的 top 或是 left 來達成，但最重要的還是整個區塊的操作設計。只要設計排版不同，就算用到同樣的原理也能產生不一樣的使用者體驗(UX)。