WordPress给网站文章标题链接添加“加载中”特效

当您上网时，在输入文章之前单击其标题可能会发现某些网站显示诸如“正在加载”之类的样式，因此可以缓解等待一段时间的用户的焦虑。我会改善用户体验添加这些效果，本文分享了使用JS技术添加文章标题链接的效果。

首先请在你的网站</head>标签前面引入jQuery，不少WordPress主题已经集成，可忽略，代码如下。

<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>

然后在标签前面加入如下代码

<script type="text/javascript">  
$(document).ready(function() { $('h2 a,h3 a').click(function(){ myloadoriginal = this.text; $(this).text('正在给力加载中 …'); var myload = this;  
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>

其中“h2 a”“h3 a”是文章标题的标签选择器，可根据时间情况进行修改，如改为“a”，则所有的链接都会添加提示效果，而后面数字2011是这一特效显示的时间（毫秒），可根据时间情况酌情修改。