实现Z-Blog点击标题显示Loading加载特效
小编帮很多朋友都增加了过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(‘博客吧欢迎你,请您稍等,正在为你加载中…’);
后面的文字都可以按照自己喜欢的文字去修改比如 亲 我们正在努力了。稍等下 等等,完成了之后在保存文件在博客后台中重建文件就大功告成了。
无忧主机相关文章推荐阅读: