![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
lzz_1234
这个作者很懒,什么都没留下…
展开
-
用js写图片轮播效果
用js写图片轮播效果轮播效果有两种,位移轮播(位移又分为上下和左右)和渐变轮播。1、先分析页面结构(两种轮播方式都可以用着一个结构)(1)由两部分组成,一个是轮播所用的图片,另一个是图片右下方的小圆点。(2)用什么标签,层级结构是什么?当然这个界面比较简单先用一个大的div将图片和圆点都装起来,在用一个ul将图片装起来,圆点用span标签。这样结构就写好了,再将图片放进去。(当然也可以...原创 2019-04-04 21:09:50 · 3194 阅读 · 2 评论 -
用原生js实现刮奖效果
用原生js实现简单的刮奖效果效果图分析:这是运用canvas来做的,页面结构为一个canvas和一张图片。canvas在最上层,图片在最下层。canvas与图片宽高一致。首先在canvas上填充灰色并写上文字,将“画笔”的globalCompositeOperation属性设置为destination-out,(globalCompositeOperation属性设置或返回如何将一个源(新的...原创 2019-04-15 15:17:34 · 2087 阅读 · 1 评论 -
原生js实现音乐播放界面
原生js实现音乐播放界面做了一个播放界面,感觉还挺复杂的,记录一下过程。1、首先先做静态的HTML界面。分析界面结构,一张背景图片,其他的小图标都是用iconfont做的。因为对iconfont的使用不太熟悉,所以代码量较大。关于iconfont的使用,我是在iconfont矢量库下载后,有一个HTML的文档,按照上面指示做的。HTML代码<body><div cla...原创 2019-04-24 18:12:35 · 1726 阅读 · 1 评论