陈德馨

实现Z-blog点击标题显示Loading加载特效

623人参与 |分类: 站长百科|时间:2013年03月14日 16:59

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

来源:陈德馨博客(微信/QQ号:35435164),转载请保留出处和链接!

地址:

必填

选填

选填

◎已有 0 人评论,请发表您的观点。