pc段特效

PC端网页特效

主要掌握的知识点

 

元素偏移量offset系列
offset概述
 

offset与style的区别
 

模态框的拖拽

遮挡层设置

放大镜效果

Opacity：.5半透明效果

半透明遮挡层的制作

放大镜的盒子

放大镜图片

元素可视区client系列
 

立即执行函数的两种写法

元素滚动scroll系列
 overflow: auto；自动显示滚动条

滚动条模块

  标对象  target目标位置

  ftion animate(obj, target, callback) {

      // 3.利用定

时器不断

重复这个操作 

      clearInterval(obj.timer); //每次调用之前清除之前的定时器

     

mouseenter和mouseover的区别

 

6. 动画函数封装

6.1 动画实现原理

  

    

优化

6.2 缓动动画

6.3 缓动动画函数添加回调函数

6.4 动画函数封装到单独的JS文件里面

轮播图
 

节流阀

全部代码

window.addEveAnimate.jsntListener('load', function() {

ent.querySelector('.arrow-l');

    

筋斗云案例

————————————————
版权声明：本文为CSDN博主「ly三岁就爱笑」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ainizzyforever/article/details/107441968