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

2016-5-2 01:19 来自本站原创 6,117 7 5
[摘要]

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

我们在上网的时候会发现有些网站在我们点击文章标题的时候会先提示“正在加载中”之类的样式,之后才会进入文章,这样的显示能从一定程度上缓和用户等待的焦虑情绪,提高用户体验,本文就给大家分享下使用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是这一特效显示的时间(毫秒),可根据时间情况酌情修改。

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

本文最后更新于2016年10月13日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    目前评论:7   其中:访客  6   博主  1
    加载中...
    1. 3年前 (2016-05-30) 5楼

      应该插播趣味广告。

    2. 3年前 (2016-05-11) 4楼

      好方法,多谢博主的分享 :shock:

    3. 3年前 (2016-05-05) 板凳

      方法很简单,也很实用,欢迎投稿到boke112导航 :mrgreen:

    4. 3年前 (2016-05-03) 椅子

      网页加载慢的可以使用此方法,加载块的就没必要了!

    5. 3年前 (2016-05-02) 沙发

      没必要玩那么多吧,

    发表评论

    疑问 调皮 难过 抠鼻 吓 微笑 可爱 坏笑 惊讶 发呆 疑问 大兵 偷笑 咒骂 发怒 白眼 鼓掌 得意 擦汗 亲亲 大哭 呲牙 晕 强

    7 5 6,117
    Top