当前位置:Gxlcms > JavaScript > JSLoading功能的简单实现_javascript技巧

JSLoading功能的简单实现_javascript技巧

时间:2021-07-01 10:21:17 帮助过:4人阅读

我们经常在浏览网页的时候会看到数据在加载时,出现的LOADING提示。其实这个功能原理是很简单的,就是一个DIV遮盖当前页面,然后Loading就在遮盖DIV层上展示出来,现在我们来动手实现一下。

1.当前页面:

代码如下:

Loading


2.遮罩层:
代码如下:



3.Loading展示层:
代码如下:



整体代码:
代码如下: