写在前面

图片轮播的特效。

1. 图片向左循环滚动。
2. 图片滚动到中间高亮显示，并在下方显示照片人物对应的信息。
3. 鼠标悬停止滚动。
4. 鼠标离开开始滚动。
5. 单击图片，图片移到中间并高亮显示。

分析

思考一

图片轮播的插件，找了几款，并不是太满意，就放弃了。

思考二

方法，对这个不熟悉，也放弃了。

方法用于创建自定义动画。

语法

{}

属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
下面的例子演示 animate() 方法的简单应用；它把

元素移动到左边，直到 left 属性等于 250 像素为止：

实例

$("button").click("div").animate({left:'250px'

如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

 思考三

 而这些方法在使用时，针对元素本身是否已经存在，有不同的效果，比如动态创建的元素，使用文档操作的方法是在目标对象之前(之后)追加（插入），而对于已经存在的元素，则会出现移动的效果。

实践