jQuery和Ajax实战教程（第2版）课件 第5章-常见特效开发.pptx

第5章常见特效开发;本章学习目标;实战案例1：无穷连续滚动动画;实战案例1：无穷连续滚动动画;实战案例1：无穷连续滚动动画;实战案例2：跑马灯轮播;跑马灯轮播特效的原理和“无缝连续滚动动画”类似：多张图片排成一排，形成一队“小火车”，单击按钮或小圆点时调用animate()函数使“小火车”进行运动。而由于大盒子设置了overflow:hidden“溢出隐藏”，所以我们同一时间只能看见一张图片。就像从魔术师的帽子里变出的兔子实际上是提前准备好的，跑马灯轮播图布局中虽然只能看见一张图片，但是我们知道它只是一个“火车头”，它右侧还有多张图片，只不过被“溢出隐藏”了。

“小火车”以大盒子为基准进行绝