![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
huxinxue
这个作者很懒,什么都没留下…
展开
-
简单实现网页加载动画
今天自己实现了这个功能,记录一下效果:进入网页时先出现加载动画,加载完毕后显示网页实现原理:在html上方放一个div,用来显示加载动画,js判断加载完毕事件,将div隐藏即可。知识点整理:伪元素实现垂直居中、awesome字体动画、js判断HTML加载是否完成代码:css: body { width: 100%; height: 100%; ...原创 2019-03-26 16:02:51 · 11850 阅读 · 1 评论 -
制作轮播图
今天制作了一个自动轮播图,记录一下方法:利用一个无序列表,将图片放置1行,控制 ul的left控制当前显示的是哪张图片,利用动画显示左右切换的效果。监听resize事件,让大小自动适应Github demo地址:https://github.com/huxinxue/demo/blob/master/轮播图片.rar满意的话就star一下吧效果展示:话不多说,直接上代码:htm...原创 2019-04-07 18:40:01 · 294 阅读 · 0 评论