摘要：
轮播图作为前端比较简易的动画，使用非常频繁，这里记录以便使用 此轮播图为最简易自动播放，无缝轮播，有按钮，有序号跳转小点 html布局如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
摘要：
完整版的html,css,js代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" 阅读全文
摘要：
完整版的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
摘要：
缓动动画的原理就是让盒子移动的速度开始快到结束慢的步骤,有一种视觉舒服的作用. 完整版的函数封装如下: // 思路: // 1. 让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来 // 2. 核心算法: (目标值 - 现在的位置) /10 作为每次移动的距离 步长 // 3. 停止的条件, 让当前 阅读全文
摘要：
完整版的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
