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

添加几行代码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>

 

 下载地址:

此处内容需要回复后才能查看

 

 

版权声明:
作者:小马
链接:https://www.xiaomaw.cn/243.html
来源:小马博客
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录