Skip to main content
 首页 » emlog

点击emlog文章标题链接显示正在加载中

1年前 (2015-09-22)9661百度已收录

    这段时间正在琢磨模板的修改,看见有的博客的文章链接点击会提示正在加载中,感觉还是很好的。网上搜索了一些教程,顺便分享下。此教程适用于WordPress、emlogzblog等各种网站程序。

    首先打开你所使用主题的header.php模板文件,在</head>标签前添加:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>
当然也可以下载到你本地,如果你的主题已加载了JQuery,这步就免了。
再把下面这段代码同样加到</head>标签前
<script type="text/javascript">
$(document).ready(function() {
$('h2 a').click(function(){
myloadoriginal = this.text;
$(this).text('正在给力加载中 ...');
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2015);
});
});
</script>
其中"h2 a"是主题文章标题的标签选择器,可根据具体主题模板进行修改,如果改为:“a”,可实现全部链接都添加这一特效。后面的数字2015是这一特效的显示时间(毫秒),可酌情修改。

评论列表1条评论
IT技术宅
IT技术宅回复 应该PJAX会影响的吧,,
发表评论