Z-Blog 点击标题链链显示Loading加载效果
作者:xlnxin发布时间:2021-04-15分类:Zblog教程浏览:404
导读:不少博主给博客添加了Loading加载效果,即当点击博客文章标题链接时,标题的显示会变成如“Loading……”或“请稍候,正在加载中……”等的提示效果,虽然这个效果没有...
不少博主给博客添加了Loading加载效果,即当点击博客文章标题链接时,标题的显示会变成如“Loading……”或“请稍候,正在加载中……”等的提示效果,虽然这个效果没有什么实质意义,但也算是可以增加访客体验,实现的方法也很简单,只需要几句jQuery代码即可,不懂的可看以下介绍。
实现Z-Blog点击标题链接Loading加载效果:
- 分别对当前zblog主题的TEMPLATE目录下的default.html、catalog.html、single.html、search.html文件进行编辑操作
- 在以上文件的</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加载效果的提示文字,按自己的喜欢任意修改 - 保存文件后,在博客后台重建文件即可。
提示:为了便于以后修改,可以把js代码保存为一个js文件,然后在各文件调用,以后修改就只需要修改这个js文件即可。
相关推荐
- 微信小程序function函数arguments 是什么意思呢?
- 小程序和H5中canvas卡顿的性能优化方向和实践
- 微信小程序反编译报SyntaxError: Unexpected token ‘}‘ 不完美的解决方法
- 解决小程序反编译出现 app-service.js
- PHP把textarea中的回车换行替换为br
- zblogphp使用GetArticleList、GetList函数调用热门文章列表
- 淘宝给大家发6.5元新年购物红包啦,不要嫌少还有很多优惠,快来领取吧!
- 抓包软件Fiddler命令行和HTTP断点调试
- 正则匹配任意字符(常用正则表达式的书写)
- ZBlog固定网站域名导致网站打不开的解决办法
- Zblog教程排行
- 最近发表