jQuery第三天

一、复习

jquery的方法

• $(css选择器)
• 批量操作:绑定、设置，注意：获取是第一个
• eq： 获得指定下标的jq元素对象
• jquery对象和js对象的相互转换
• index()：获得当前对象的索引
• animate（cssObj， time， callBack）
• stop（clearQueue， jumpToEnd） （false，false）
• is（‘：animated’）

二、滚动轮播图

2.1 猫腻图实现滚动轮播图

实现原理：

• 整个图片的容器在移动，改变容器的left值
• 猫腻图的应用
  • 右键： 到达猫腻图瞬移到原图
  • 左键： 当前为原图，点击左键，瞬移到猫腻图再执行动画
• 信号量的改变:到达对应的图片，就必须改变信号量
• 小圆点在左右键的时候，不要瞬时触发，因为有可能在猫腻图上

不足：

• 小圆点反应不及时（改进）
• 当小圆点的移入事件为间隔的小圆点，会展示多余的图片

2.2 三位置法轮播图

• 确定位置关系： 那边是进场，那边是退场
• 当前图片退场
• 改变信号量
• 进场图片进入进场位置
• 进场图片进场

三、间歇模型

运动一段时间，然后停止一段时间，然后继续运动

实质:

setInterval的时间 = animate的时间 + 停止的时间