燕山网络科技

首页 网站教程zblog教程正文

Z-Blog 点击标题链链显示Loading加载效果

燕山网络科技2017-09-30624

不少博主给博客添加了Loading加载效果,即当点击博客文章标题链接时,标题的显示会变成如“Loading……”或“请稍候,正在加载中……”等的提示效果,虽然这个效果没有什么实质意义,但也算是可以增加访客体验,实现的方法也很简单,只需要几句jQuery代码即可,不懂的可看河南网站建设以下介绍。

实现Z-Blog点击标题链接Loading加载效果:

  1. 分别对当前zblog主题的TEMPLATE目录下的default.html、catalog.html、single.html、search.html文件进行编辑操作

  2. 在以上文件的</head>之前或者</body>之前添加以下JS代码:

    1
    2
    3
    4
    5
    6
    7
    8
    <script type="text/javascript">$(document).ready(function(){$('h2 a').click(function(){$(this).text('博客吧欢迎你,请您稍等,正在为你加载中...');window.location = $(this).attr('href');});});</script>

    其中的’h2 a’表示使用h2标签的标题的a链接,如果自己的主题使用的是其它的如h3、h4的标签,就按对应的修改
    ‘河南网站建设欢迎你,请您稍等,正在为你加载中…’是Loading加载效果的提示文字,按自己的喜欢任意修改

  3. 保存文件后,在博客后台重建文件即可。

提示:为了便于以后修改,可以把js代码保存为一个js文件,然后在各文件调用,以后修改就只需要修改这个js文件即可。


燕山网络科技 https://www.hnysnet.com/zblogcn/1433.html 转载需授权!

上一篇:实现 Z-Blog Ctrl+Enter按键提交评论

下一篇:Z-Blog主题制作详细教程(zblog移植wp主题)

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版

扫一扫二维码,添加客服微信