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

bibaorenzhe

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

实现z-blog点击标题链接Loading加载效果：

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

2.在以上文件的之前或者之前添加以下JS代码：

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

复制代码

其中的'h2 a'表示使用h2标签的标题的a链接，如果自己的主题使用的是其它的如h3、h4的标签，就按对应的修改

'博客吧欢迎你，请您稍等，正在为你加载中…'是Loading加载效果的提示文字，按自己的喜欢任意修改

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

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