- 博客(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关注的人