给博客网站添加loading加载中动画代码

只需添加几行代码，就可以加强浏览者的体验,不在等待页面加载时感到枯燥，从而关闭网页，很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程，加载完成后提示消失，大部分都应用在网站的首页，今天我教大家把这一特效添加到Emlog主题中。

添加教程

1.把html代码添加到主题头部以内，把css远程链接改成自己的，css文件在附件。

<link rel="stylesheet" href="自己的域名/loading.css" /> <div id="Loadanimation" style="z-index:999999;"> <div id="Loadanimation-center">     <div id="Loadanimation-center-absolute">         <div class="cnm_object" id="cnm_four"></div>         <div class="cnm_object" id="cnm_three"></div>         <div class="cnm_object" id="cnm_two"></div>         <div class="cnm_object" id="cnm_one"></div>     </div> </div> </div>

2.把下面javascript代码添加到主题头部以内访问网站刷新缓存就可以看到loading加载动画了。

<script> $(function(){      $("#Loadanimation").fadeOut(540);  }); </script>