0
(0)

如果你使用的是国外空间，不可避免的有的时候网站的打开速度并不是很快，这个时候我们可以模仿电脑的操作系统或是一个简单的提示，告诉别人，网站正在努力加载中，一定程度上可以提高用户的体验度，实现这样的提示效果可以很简单，下面分享一个使用HTML+CSS+JavaScript实现的方法。

首先第一步在body区域加载之前添加一句提示语句：

  1. <div id=“loadingpage”>正在给力加载中…</div>  

然后第二步使用CSS对这段文字进行美化一下，这个可以根据自己的需求进行修饰，以下是一段简单的CSS效果：

  1. #loading{   
  2. color:#fff;background:#FF0000;position:absolute;top:0;left:0;padding:2px 10px;   
  3. }  

最后一步通过javascript进行加载显示：

  1. <script type=“text/javascript”>   
  2. document.write(‘<style>#loading{display:none;}</style>’);   
  3. </script>  

这句话的作用是，当当前网页打开后，隐藏此提示语句。

声明：本站分享的WordPress主题/插件均遵循 GPLv2 许可协议（免费开源），相关介绍资料仅供学习参考，实际版本可能会因版本迭代或开发者调整而产生变化，如程序中涉及有第三方原创图像、设计模板、远程服务等内容，应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务，亦不收取相关费用。