Web编程：元素尺寸与位置属性、动画封装及网页特效实现.pptx

WebAPIs06;;;Contents;;;;缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来

让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。

核心算法：(目标值-现在的位置)/10做为每次移动的距离步长

停止的条件是：让当前盒子位置等于目标位置就停止定时器

注意步长值需要取整;;;回调函数原理：函数可以作为一个参数。将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数，这个过程就叫做回调。;;;;因为js较多，我们单独新建js文件夹，再新建js文件，引入页面中。

此时需要添加load事件。

鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。

显示隐藏display按钮。;;排他思想原理是什么?;动态生成小圆圈

核心思路：小圆圈的个数要跟图片一致

所以首先先得到ul里面图片的（图片放入li里面，所以就是li的个数）

利用循环动态生成小圆圈（这个小圆圈要放入ol里面）

创建节点createElement(‘li’)

插入节点ol.appendChild(li)

第一个小圆圈需要添加current类;;点击小圆圈滚动图片

此时用到animate动画函数，将js文件引入（注意，因为index.js依赖animate.js所以，animate.js要写到index