欢迎访问服务器技术网-www.fuwuqijishu.com

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

网站建设 fuwuqijishu 2年前 (2022-09-04) 159次浏览 0个评论 扫描二维码

我们知道,如果网络足够快,并且一直稳定,点击博客文章标题时候,显示”加载中”“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加载效果的提示文字,按自己的喜欢任意修改

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

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2220.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900