自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 2020-03-15

用JavaScript实现放大镜效果放大镜效果图:1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图2、鼠标移动时右边的大图片也会局部移动放大镜的关键原理:鼠标在小图片上移动时,通过捕捉鼠标在小图片.上的位置,定位大的相应位置;放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才保证同步;3.页面元素:技术点:事件捕获,定位难点:计算需要元素:小图片和大图片,存放小图片和大图片的...

2020-03-15 15:44:53 45

原创 2020-03-15

效果:1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图2、鼠标移动时右边的大图片也会局部移动放大镜的关键原理:鼠标在小图片上移动时,通过捕捉鼠标在小图片.上的位置,定位大的相应位置;放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才保证同步;页面元素:技术点:事件捕获,定位难点:计算需要元素:小图片和大图片,存放小图片和大图片的容器,有一-个镜;涉及到的技术点:(1...

2020-03-15 01:16:25 76

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除