摘要：
1）下载插件 https://github.com/ftlabs/fastclick 2）使用范例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
posted @ 2021-03-04 10:44
棉花糖88
阅读(109)
评论(0)
推荐(0)
摘要：
1）手机端click为什么会有延时300毫秒 //1 因为在手机端上 连个手机一捏就可以放大页面 连续点击2下复原到原来的大小//2 click的延时就是再等你是否是双击 2）解决方法 //1 禁止页面缩放 <meta name="viewport" content="user-scalable=n 阅读全文
posted @ 2021-03-03 21:49
棉花糖88
阅读(170)
评论(0)
推荐(0)
摘要：
// 返回顶部模块制作 var goBack = document.querySelector('.goBack'); var nav = document.querySelector('nav'); window.addEventListener('scroll', function() { if 阅读全文
posted @ 2021-03-03 21:34
棉花糖88
阅读(52)
评论(0)
推荐(0)
摘要：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2021-03-03 21:30
棉花糖88
阅读(1965)
评论(0)
推荐(0)
摘要：
1）知识梳理 classList 是H5新增的一个属性作用：获取 添加 删除 切换CSS类添加 删除 切换 等的使用 需要先获取到 2）返回值 返回一个数组DOMTokenList(3) ["one", "two", "three", value: "one two three"] 0: "one" 阅读全文
posted @ 2021-03-03 16:04
棉花糖88
阅读(171)
评论(0)
推荐(0)
摘要：
1）概况 //和PC端基本一样//1 可以自动播放图片 //2 手指可以拖动播放 一 图片自动播放 1）自动播放 //1 开启定时器 //2 用translate移动//3 让图片优雅的移动 添加transition过渡 2）无缝滚动 3）让小圆点跟着一起变化 二 classList属性 1）概念 阅读全文
posted @ 2021-03-03 16:03
棉花糖88
阅读(83)
评论(0)
推荐(0)
摘要：
移动端介绍 //1 不用考虑兼容性问题 可以放心的使用原生JS //2 能用CSS3的就用c3//3 会有独特的地方 如触屏事件 一 触屏事件 1）常见事件 //1 touchstart 手指触摸事件 //2 touchmove 手指滑动事件 //3 touchend 手指移出事件 2）代码范例 < 阅读全文
posted @ 2021-03-02 21:58
棉花糖88
阅读(201)
评论(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
阅读(154)
评论(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
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号