记录实现ZBLOG显示加载中效果代码

我们知道，如果网络足够快，并且一直稳定，点击博客文章标题时候，显示"加载中"“Loading……"是没有什么意义的。但是，不能意外总会发生，所以，为我们的博客文章增加显示加载中效果，告知读者，我们的网站没问题，只是你访问速度的问题，请耐心等待。好了，废话不多说，直接上代码分享

点击Z-Blog文章标题出现Loading加载效果操作办法：

对当前zblog主题的TEMPLATE目录下的default.html、catalog.html、single.html、search.html文件的/head> 之前或者/body> 之前分别添加JS代码：

script type="text/javascript">
$(document).ready(function(){
$('h1 a').click(function(){
    $(this).text('请您稍等,正在为你加载中...');
    window.location = $(this).attr('href');
}
    );
}
    );
    /script>
    

其中’h1a’表示使用h1标签的标题的a链接，如果自己的主题使用的是其它的如h2、h3的标签，就按对应的修改

XX欢迎你,正在努力加载中…’是Loading加载效果的提示文字，按自己的喜欢任意修改

保存文件，在博客后台重建文件，运行后即可看到我们中意的效果了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！