欢迎您访问橙子博客
推荐

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

作者
橙子2024-01-20 20:42 502 浏览
打赏 收藏

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

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

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

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

  然后在</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是这一特效显示的时间(毫秒),可根据时间情况酌情修改。是不是很简单?快给你的网站添加此功能吧。

打赏 :
分享:
扫码支持 扫码支持
版权声明 1、文章标题:给网站文章标题链接添加“加载中”提示的办法
2、本文网址:https://www.ther.cn/Web/22.html
3、本站部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长邮箱:906080088@qq.com进行处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。

广告