摘要：
1）节流阀的目的 //1 避免我们连续点击按钮 图片播放过快的问题//2 当上一个函数动画内容执行完毕，再去执行下一个动画，让事件无法连续触发 2）核心思路 //1 利用回调函数 添加一个变量 锁住函数和解锁函数//2 开始这是一个变量 var flag = true;//3 if(flag){fl 阅读全文
摘要：
功能分解 //1 鼠标经过轮播图模块 左右按钮显示 鼠标离开隐藏按钮 //2 点击右侧按钮 图片往左播放一张 以此类推 左侧按钮同理//3 图片播放的同时 下面小圆点跟随一起变化 //4 点击小圆点 可以播放相应图片//5 不做任何操作 图片也会定时轮播//3 鼠标经过 轮播图模块自动停止播放 1） 阅读全文
摘要：
一 缓动动画添加回调函数 1）注意实现 回调函数调用的位置：定时器结束的位置。 2）代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
摘要：
四 缓动动画原理 1）概念 //1 匀速动画：盒子的当前位置 + 固定值 //2 缓动动画：盒子的当前位置 + 变化的值 [(目标值 - 当前位置) / 10 ] 1）基本公式 // ( 目标值 - 现在的位置 ) / 10 2）原理图 代码实现 <!DOCTYPE html> <html lang 阅读全文
摘要：
一 动画基本原理 1）核心原理 // 通过定时器 setInterval() 不断移动盒子位置 2）实现步骤 //1 获得盒子当前位置 element.offsetLeft//2 让盒子在当前位置加上1个移动距离//3 利用定时器不断重复这个操作//4 加一个结束定时器的条件//5 此元素需要添加定 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
摘要：
阅读全文
摘要：
阅读全文
摘要：
知识梳理 // 1 可以动态的得到该元素的大小 滚动距离等 1）常用属性 element.scrollTop // 1 返回 被卷去的上测距离 [ 常用 ] element.scrollLeft // 2 返回 被卷去的左侧距离 [ 常用 ] element.scrollWidth // 3 返回自 阅读全文
摘要：
知识梳理 //1 onload 和 onpageshow的区别 1）参数说明 (function flexible(window, document) {}(window, document));//window 顶级对象//document 下一个对象 2）代码 <!doctype html> < 阅读全文