记录自定义实现加载效果CSS的步骤

1.编写加载效果的CSS

推荐参考:使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园

2.增加遮罩层,用以加载时无法点击页面其他内容

3.实现的demo。

使用:通过js形式把代码加载到html中、layout方式将代码段包含进html中。调用showDialog()、hideDialog()控制显示隐藏。

此外,文章中代码段需要在页面内容的最前边加载,如果是放在其他位置,自行处理加载效果的位置问题。


你可能感兴趣的:(前端,css,前端)