今天我們要介紹的jquery動畫效果是，當移動滑鼠或者按鍵盤的左右鍵時，圖檔走廊中的圖檔向相應方向轉動。
先來看張效果圖，教程最後附有demo，大家可以下載下傳。
首先要做的工作是建立html文本。
内容很簡單就是一個div，裡面包含12張圖檔。接下來是添加css。
css也很簡單，border-radius是css3新增加的屬性，可以為邊框實作圓角效果，大家可以去網上查相關的api。
html有了，css有了，現在就差js代碼了。首先我們是定義一些我們需要使用到的js對象。
接下來是定義圖檔移動函數goAnim()。
goAnim()通過計算滑鼠的位置判斷圖檔是應該向左還是向右滑動，并計算出圖檔的滑動速度。為了讓大家更好的了解resetOffset，e.pageX ，offset.left ，middle這幾個對象，我畫了下面的簡圖，希望對大家有幫助。
接下來要做的就是要設定滑鼠移動和按鍵盤相關的事件方法了。
我注釋寫的比較多，希望對大家了解代碼有幫助。有興趣的朋友可以下載下傳demo觀看實際效果。
<a href="http://www.vancl.com/?source=kbh1983&sourcesuninfo=ad-3090-1-52-0-1" target="_blank"></a>