为博客添加“正在加载中”的过度特效的方法

(编辑:jimmy 日期: 2025/1/23 浏览:2)

看到很多博客都有这个,想起自己博客也需要,于是就加了一个,方法是这样的:
首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段js的代码:
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>
然后把如下代码加在模版文件中:
<script type=”text/javascript”>
$(document).ready(function() {
$(‘h2 a’).click(function(){
myloadoriginal = this.text;
$(this).text(‘正在给力加载中 …’);
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
可以DIY的是,h2 a为选择代码,如果你的博客文章标题不是<h2>的。
除非注明,胡小易博客文章均为原创,转载请以链接形式标明本文地址

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。