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

投稿   雅兮网  2016-05-14 07:38:06  648 人阅读  31 条评论

投放广告联系   诚邀合作伙伴   赞助我们   公告栏   赞助光荣榜

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

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

如果文章对你有帮助,请赞赏支持作者继续创作!

文章标签: ,   ,  
原文地址:http://www.iyaxi.com/2016-05-02/978.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 雅兮网 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 七彩蛋
    七彩蛋 【秀才】 @回复

    博主你至少为你一个主题也好,添加一下分类目录seo嘛

    • boke112导航
      boke112导航【村长】2016-05-18 10:41  回复

      @七彩蛋[疑问] 你所谓的分类目录SEO是给分类目录页添加描述和关键词?这个描述是已经有了,关键词懒得折腾

      • 麻布兜
        麻布兜 【书童】2016-05-18 13:02  回复

        @boke112导航[衰] 博主,这个关键词描述,默认都有了,其实比较重要的是分类目录标题自定义,今天你推荐那个主题就有
        分类目录优化,这个是我自己网上找的教程折腾的,http://ww2.sinaimg.cn/mw690/e6d76d17gw1f3zgb9959ej20ri0cegm2.jpg

        但是明显有问题,首页出现了两个描述,和关键词的代码http://ww1.sinaimg.cn/mw690/e6d76d17gw1f3zgb9tm2dj20pj0gbth1.jpg

        不懂技术是硬伤啊

        • boke112导航
          boke112导航【村长】2016-05-19 09:15  回复

          @麻布兜我觉得你把简单问题复杂化了,一般的站点分类目录固定之后很少会改变,那么直接为每个分类目录写死它们的标题、描述和关键词就行,何必折腾那么多。

  2. 七彩蛋
    七彩蛋 【秀才】 @回复

    就是你刚分享那个主题也有,分类目录标题自定义,可以写自己的关键词和描述,分类目录seo

  3. 七彩蛋
    七彩蛋 【秀才】 @回复

    博主什么时候讲讲自定义分类目录优化啊

  4. 子夜
    子夜 【小白】 @回复

    我首页的代码里面 咋没有这玩意呢 艾玛

  5. 星岩博客
    星岩博客 【秀才】 @回复

    我网站打开比较慢,应该考虑添加一个提示。

  6. 演绎法
    演绎法 【进士】 @回复

    其实没什么大作用的

  7. 电影天堂迅雷下载
    电影天堂迅雷下载 【尚书】 @回复

    呵呵 这个不错 增加了用户名体验

  8. 片段艺文志
    片段艺文志 【举人】 @回复

    对于打开速度慢的网站很有用。。。

  9. 大城小我
    大城小我 【状元】 @回复

    这个意义貌似不大哟,关键对seo有帮助没???

  10. 江西养牛人
    江西养牛人 【状元】 @回复

    没啥意思,只是给网站多增加点特效罢了。也增加点压力。

  11. 阅读驿站
    阅读驿站 【状元】 @回复

    Js少用的好

  12. 热腾网
    热腾网 【状元】 @回复

    延长网页内容载入时间。没太大用处。做的个性些用这个功能还可以。

  13. 憧憬Licoy
    憧憬Licoy 【举人】 @回复

    最好还是把这个设置为获取焦点时出现,失去焦点时然后就消失。

  14. 增达信购
    增达信购 【小白】 @回复

    博文值得拜读。受益了!

  15. 纯洁博客
    纯洁博客 【状元】 @回复

    这个不错呀

  16. 明月登楼
    明月登楼 【王爷】 @回复

    其实,我个人是很不喜欢这个“加载中……”的!

  17. 龙凯的博客
    龙凯的博客 【秀才】 @回复

    有意思

  18. E书之家
    E书之家 【进士】 @回复

    正在玩命中,请稍等

  19. 小C博客
    小C博客 【进士】 @回复

    网站速度慢的使用这个挺不错,对于反应的快的我认为没必要!

    • 雅兮网
      雅兮网 【尚书】2016-05-14 10:14  回复

      @小C博客我觉得不是这样,网站速度点击秒开,无延迟的网站毕竟寥寥无几,哪怕是零点几秒,也是会有空挡的,加上一小段提示,属于锦上添花的功能,当然也没有什么太大用处。

  20. 雅兮网
    雅兮网 【尚书】 @回复

    正在玩命加载评论中…

  21. 归途网
    归途网 【举人】 @回复

    已经用上了 [憨笑] [憨笑] [憨笑]

  22. 网际电脑
    网际电脑 【状元】 @回复

    正在玩命加载中 …