记录实现ZBLOG显示加载中效果代码
我们知道,如果网络足够快,并且一直稳定,点击博客文章标题时候,显示"加载中"“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导航高亮代码
超简单的ZBLOG导航高亮教程先在UL代码上加上相关ID,如下面代码:<ul class="nav-ul" id=...
zblog教程 2022-08-05 -
robots.txt文件怎么写我来教你
1、什么是robots.txt文件robots是站点与spider沟通的重要渠道,站点通过robots文件声明该网站中不想被搜索引擎收录的部分或者指定搜索引擎只...
zblog教程 2022-07-31 -
zblog新手建站安装详细教程
Z-Blog是什么?Z-BlogPHP是由Z-Blog社区提供的博客程序,一直致力于给国内用户提供优秀的博客写作体验。从2006年起发布第一版,至今已有11年的...
zblog教程 2022-07-22 -
记录和分享Zblog PHP文章调用相关文章的官方代码
我们知道如果能够在zblog文章调用文相关文章,无疑能够提升网站的吸引力,增加文章的访问量,要想实现调用的功能,我们可以通过官方提供的一组代码进行操作,代码如下...
zblog教程 2022-07-21 -
Windows IIS环境下实现ZBLOG PHP 全站301重定向
做网站做久了,有时候免不了要换网址换域名,为了保持网站的收录和权重排名,我们就必须要做全站的301重定向。下面,我们介绍一种办法,可以实现基于win2008下的...
zblog教程 2022-07-21 -
zblog如何做下拉导航?下拉导航菜单制作方法
下拉菜单这个东西很多朋友都觉的自己应该需要(这是句玩笑话...),本文呢就简单的讲下zblog是如何实现下拉导航菜单的。首先上代码,css部分是这样的:#nav...
zblog教程 2022-07-21