摘要: 移动端介绍 //1 不用考虑兼容性问题 可以放心的使用原生JS //2 能用CSS3的就用c3//3 会有独特的地方 如触屏事件 一 触屏事件 1)常见事件 //1 touchstart 手指触摸事件 //2 touchmove 手指滑动事件 //3 touchend 手指移出事件 2)代码范例 < 阅读全文
posted @ 2021-03-02 21:58 棉花糖88 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 1)需求 //1 鼠标经过某个li 小云彩跟到当前小li//2 鼠标离开小li 筋斗云复原到开始的位置//3 鼠标点击了某个小li 筋斗云就留在点击这个小li上 2)实现原理 //1 利用动画函数做动画效果//2 一开始 筋斗云的起始位置是0//3 鼠标经过某个小li 就把小li的 offsetLe 阅读全文
posted @ 2021-03-02 16:23 棉花糖88 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 滚动窗口到文档中的特定位置 // window.scroll(x,y); x y 不跟单位 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
posted @ 2021-03-02 15:06 棉花糖88 阅读(63) 评论(0) 推荐(0) 编辑
摘要: if (callback) { callback();}等同于callback && callback();animate.js //1 动画函数 第三个参数是接收回调函数的形参 function animate(object,target,callback) { clearInterval(obj 阅读全文
posted @ 2021-03-02 11:21 棉花糖88 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 1)节流阀的目的 //1 避免我们连续点击按钮 图片播放过快的问题//2 当上一个函数动画内容执行完毕,再去执行下一个动画,让事件无法连续触发 2)核心思路 //1 利用回调函数 添加一个变量 锁住函数和解锁函数//2 开始这是一个变量 var flag = true;//3 if(flag){fl 阅读全文
posted @ 2021-03-02 09:44 棉花糖88 阅读(198) 评论(0) 推荐(0) 编辑