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

王小优
王小优
王小优
231
文章
0
评论
2015年11月26日 评论 2,636 714字阅读2分22秒

给网站文章标题链接添加一个点击提示,当用户点击后提示加载中,提高用户体验,现将方法分享给大家。

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

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

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

  1. <script type="text/javascript" src="JS/jquery.min.js"></script>  

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

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

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

添加以上代码后返回网站首页,点击文章标题查看效果,你会看到“主页君正在玩命加载中”提示,是不是很简单?快给你的网站添加此功能吧。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: