摘要:
// <!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
阅读(210)
评论(0)
推荐(0)
摘要:
// 返回顶部模块制作 var goBack = document.querySelector('.goBack'); var nav = document.querySelector('nav'); window.addEventListener('scroll', function() { if 阅读全文
posted @ 2020-06-07 21:52
EricBlog
阅读(166)
评论(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
阅读(111)
评论(0)
推荐(0)
摘要:
var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('触摸'); }); div.addEventListener('touchmove', func 阅读全文
posted @ 2020-06-07 20:44
EricBlog
阅读(142)
评论(0)
推荐(0)
摘要:
// 点击返回顶部 让窗口滚动到顶部 goBack.addEventListener('click', function() { // window.scroll(0, 0); animate(window, 0); }); // 动画函数 function animate(obj, target, 阅读全文
posted @ 2020-06-07 20:23
EricBlog
阅读(119)
评论(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
阅读(279)
评论(0)
推荐(0)
摘要:
// obj 目标对象 target 目标位置 function animate(obj, target, callback) { // 清除原先定时器 clearInterval(obj.timer); obj.timer = setInterval(function() { // 步长值写到定时 阅读全文
posted @ 2020-06-07 18:18
EricBlog
阅读(125)
评论(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
阅读(168)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2020-06-07 15:57
EricBlog
阅读(187)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2020-06-07 15:54
EricBlog
阅读(149)
评论(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
阅读(634)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2020-06-07 14:46
EricBlog
阅读(110)
评论(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
阅读(381)
评论(0)
推荐(0)

浙公网安备 33010602011771号