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