文章 网页代码

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

首页 > 网页代码 > 正文

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

添加教程

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>
给博客网站添加loading加载中动画代码第4张插图文件下载
网站加载动画css.zip
PHP/HTML
4.2K
蓝奏云
更新时间:2022-12-10 09:38:15
这篇文章最后更新于2022-12-10,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
12月10日_星期六_在这里每天60秒读懂世界!
« 上一篇 12月10日
Kite AI人工智能编程助手
下一篇 » 12月10日
为了防止灌水评论,登录后即可评论!
注册登录

已有 21 条评论