给网站文章标题链接添加“加载中”提示的办法

雅兮网更新于 2016-05-12 22:02:21首发于 2016-05-14 07:38:06957

我们在上网的时候会发现有些网站在我们点击文章标题的时候会先提示“正在加载中”之类的样式，之后才会进入文章，这样的显示能从一定程度上缓和用户等待的焦虑情绪，提高用户体验，本文就给大家分享下使用JS技术添加文章标题链接提示效果。

给网站文章标题链接添加“加载中”提示的办法-第1张-boke112百科(boke112.com)

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

然后在</head>标签前面加入如下代码

<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是这一特效显示的时间（毫秒），可根据时间情况酌情修改。

请返回雅兮网首页，点击文章标题查看效果，你会看到“主页君正在玩命加载中”提示，是不是很简单？快给你的网站添加此功能吧。