今天我们要介绍的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>