自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 电商网站放大镜效果

以前写后端的时候觉得这个效果很有意思,但是那时候还没接触前端,所以一直没开始写。最近逛淘宝京东的时候看到这个放大镜效果的时候,就想自己写一个试试。 原理: 这个效果的原理其实很简单,鼠标控制块的移动,右边预览大图根据小图的比例进行移动展示就好。唯一有坑的地方就在于调用mousemove属性的时候,鼠标和事件源之间存在其他元素,事件容易转移到其他元素上去,所以需要在小图里面加一个“盖子”,让焦点在这...

2019-12-03 17:27:58 429

原创 CSS+JQ实现轮播图效果

之前对于轮播图一直是使用的各个插件,现在忽然想自己写一个轮播图,感受一下实现过程。 整个功能的实现是以CSS+JQ的方式实现的,每个照片对应一个轮播点,根据条件显示/隐藏,定时器控制自动轮播。 代码全部贴上来,直接粘贴复制就可以实现了。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

2019-12-03 13:55:16 310

原创 小程序canvas渲染失败

场景还原: canvas渲染图片,右键长按保存,成功保存,但保存下来的图片是空白的。 原因: 小程序的canvas标签对hidden属性有排斥,我的canvas标签因为写了hidden属性,导致渲染不出来。 <canvas style="width:412px;height:666px;background:#fff;" canvas-id='myCanvas' class='canvas'...

2019-11-13 11:34:15 1017

空空如也

空空如也

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

TA关注的人

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