如果你使用的是国外空间,不可避免的有的时候网站的打开速度并不是很快,这个时候我们可以模仿电脑的操作系统或是一个简单的提示,告诉别人,网站正在努力加载中,一定程度上可以提高用户的体验度,实现这样的提示效果可以很简单,下面分享一个使用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 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。