点击标题时显示“正在加载中...”实现方法


可能会注意到在首页点击文章标题时,标题文字会变成“请稍等,正在努力加载中...”,部分主题也实现了这个功能,不过我们自己要怎么添加呢?


首先需要加载JQuery,具体怎么加载就不说了,不懂自己补习,如果你的网站已经加载了就免了。


接着把下面这段代码加到当前主题的header.php中最后就行了:


<script type="text/javascript">

$(document).ready(function() {

$('h2 a').click(function(){

myloadoriginal = this.text;

$(this).text('请稍等,正在努力加载中...');

var myload = this;

setTimeout(function() { $(myload).text(myloadoriginal); }, 2000);

});

});

</script>



上面"h2a"如果改成"a",可以实现全部连接都显示这一效果。后面的2000是这一特效显示的时间,单位是毫秒,可酌情修改。

具体效果可看做one笔记本站:

版权属于:做one笔记

原文地址:https://www.zuoone.com/post/52.html

转载时必须以链接形式注明原始出处及本声明。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

不再显示