Zblog如何设置点击标题即显示Loading加载效果

我自己玩Z-blog也好几年了，其中帮不少朋友都增加过Loading这个加载效果，在点击博客文章链接时候然后标题会显示“Loading……”或“请稍候，正在加载或者其他的提示文字 。

个人认为虽然这个功能并不是特别麻烦，但是还是有必要的，让客户在等待加载的时候有个念想，可以增加访客体验效果。实现的方法如下。添加 jQuery 代码即可！分别对当前的 zblog 主题中的 TEMPLATE 目录下的 default.html 、catalog.html 、single.html 、search.html 文件进行修改操作！找到了之后在以上文件的 </head> 之前或者 </body> 之前添加以下 JS 代码。

代码如下：

<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 的标签，就按对应的修改就可以的。比如以上的 $(this).text(‘博客欢迎你,请您稍等,正在为你加载中…’); 后面的文字都可以按照自己喜欢的文字去修改比如： 亲，我们正在努力了，请您稍等……等等，完成了之后在保存文件在博客后台中重建文件就大功告成了。

未经允许不得转载：搬瓦工VPS_美国VPS » Zblog如何设置点击标题即显示Loading加载效果