摘要: 功能分解 //1 鼠标经过轮播图模块 左右按钮显示 鼠标离开隐藏按钮 //2 点击右侧按钮 图片往左播放一张 以此类推 左侧按钮同理//3 图片播放的同时 下面小圆点跟随一起变化 //4 点击小圆点 可以播放相应图片//5 不做任何操作 图片也会定时轮播//3 鼠标经过 轮播图模块自动停止播放 1) 阅读全文
posted @ 2021-03-01 16:42 棉花糖88 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 一 缓动动画添加回调函数 1)注意实现 回调函数调用的位置:定时器结束的位置。 2)代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2021-03-01 10:17 棉花糖88 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 四 缓动动画原理 1)概念 //1 匀速动画:盒子的当前位置 + 固定值 //2 缓动动画:盒子的当前位置 + 变化的值 [(目标值 - 当前位置) / 10 ] 1)基本公式 // ( 目标值 - 现在的位置 ) / 10 2)原理图 代码实现 <!DOCTYPE html> <html lang 阅读全文
posted @ 2021-03-01 09:15 棉花糖88 阅读(89) 评论(0) 推荐(0) 编辑