记录实现ZBLOG显示加载中效果代码
分类:zblog教程
86
我们知道,如果网络足够快,并且一直稳定,点击博客文章标题时候,显示"加载中"“Loading……"是没有什么意义的。但是,不能意外总会发生,所以,为我们的博客文章增加显示加载中效果,告知读者,我们的网站没问题,只是你访问速度的问题,请耐心等待。好了,废话不多说,直接上代码分享
点击Z-Blog文章标题出现Loading加载效果操作办法:
对当前zblog主题的TEMPLATE目录下的default.html、catalog.html、single.html、search.html文件的之前或者之前分别添加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加载效果的提示文字,按自己的喜欢任意修改
保存文件,在博客后台重建文件,运行后即可看到我们中意的效果了。
最新发布
-
zblog响应式自媒体博客主题63号
2026-04-08 -
zblog响应式资讯门户主题62号
2026-04-05 -
zblog响应式文章自媒体资讯主题61号
2026-04-01 -
zblog响应式自媒体资讯主题60号
2026-03-30 -
zblog响应式门户文章资讯主题59号
2026-03-29
热门文章
-
ZBLOG精品手赚APP应用下载主题19号
1225 -
zblog响应式机器设备企业主题10号
1220 -
zblog响应式生活分类信息主题2号
939 -
zblog响应式机械企业外贸主题6号
321 -
简洁大气zblog响应式文章主题52号
307