摘要：
// <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq 阅读全文
posted @ 2020-06-07 22:06
EricBlog
阅读(207)
评论(0)
推荐(0)
摘要：
// 返回顶部模块制作 var goBack = document.querySelector('.goBack'); var nav = document.querySelector('nav'); window.addEventListener('scroll', function() { if 阅读全文
posted @ 2020-06-07 21:52
EricBlog
阅读(165)
评论(0)
推荐(0)
摘要：
案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-06-07 20:58
EricBlog
阅读(107)
评论(0)
推荐(0)
摘要：
var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('触摸'); }); div.addEventListener('touchmove', func 阅读全文
posted @ 2020-06-07 20:44
EricBlog
阅读(140)
评论(0)
推荐(0)
摘要：
// 点击返回顶部 让窗口滚动到顶部 goBack.addEventListener('click', function() { // window.scroll(0, 0); animate(window, 0); }); // 动画函数 function animate(obj, target, 阅读全文
posted @ 2020-06-07 20:23
EricBlog
阅读(116)
评论(0)
推荐(0)
摘要：
案例 代码 window.addEventListener('load', function() { // 1 获取元素 var arrow_l = document.querySelector('.arrow-l'); var arrow_r = document.querySelector('. 阅读全文
posted @ 2020-06-07 20:02
EricBlog
阅读(421)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-06-07 18:19
EricBlog
阅读(277)
评论(0)
推荐(0)
摘要：
// obj 目标对象 target 目标位置 function animate(obj, target, callback) { // 清除原先定时器 clearInterval(obj.timer); obj.timer = setInterval(function() { // 步长值写到定时 阅读全文
posted @ 2020-06-07 18:18
EricBlog
阅读(124)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-06-07 16:06
EricBlog
阅读(166)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-06-07 15:57
EricBlog
阅读(184)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-06-07 15:54
EricBlog
阅读(147)
评论(0)
推荐(0)
摘要：
滚动案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http- 阅读全文
posted @ 2020-06-07 15:51
EricBlog
阅读(633)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-06-07 14:46
EricBlog
阅读(108)
评论(0)
推荐(0)
摘要：
window.addEventListener('load', function() { var preview_img = document.querySelector('.preview_img'); var mask = document.querySelector('.mask'); var 阅读全文
posted @ 2020-06-07 14:40
EricBlog
阅读(378)
评论(0)
推荐(0)
浙公网安备 33010602011771号