您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

WordPress文章标题链接添加正在加载中的提示

怜云2023-07-03WordPress教程已有人查阅

导读本文实例讲述了WordPress文章标题链接添加正在加载中提示的方法。分享给大家供大家参考。具体分析如下:

WordPress文章标题链接怎么添加正在加载中提示?本文实例讲述了WordPress文章标题链接添加正在加载中提示的方法。分享给大家供大家参考。具体分析如下:

我们会看到很多使用wordpress博客的朋友我们点击文章标题时就会先提示正在加载中,然后再进入文章了,这里我们就来给大家介绍WordPress文章标题链接添加正在加载中提示效果.

首先打开你所使用主题的header.php模板文件,在</head>标签前添加如下代码:

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

如果你的主题已加载了JQuery,这步就免了,再把下面这段代码同样加到</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"是主题文章标题的标签选择器,可根据具体主题模板进行修改,如果改为:"a",可实现 基本链接都添加这一 ,后面的数字2011是这一 的显示时间(毫秒),可酌情修改。

本文标签:

很赞哦! ()

相关源码

  • 帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发,基于帝国CMS7.5内核构建,针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析,实现小说资源的精准推荐与导航功能。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
  • (自适应响应式)超市仓储仓库货架展架网站pbootcms源码下载本模板为货架展架、仓储货架行业量身打造,采用PbootCMS内核开发,充分考虑了货架产品展示和企业形象展示的需求。模板设计简洁大方,突出产品特点,能够有效展示各类货架产品的规格参数和应用场景,帮助访客快速了解企业核心业务和产品优势。查看源码
  • (自适应响应式)蓝色律师事务所法务团队网站pbootcms模板为律师事务所和法律服务机构打造的专业网站模板,展现法律专业性与权威性,手工编写标准DIV+CSS代码,结构清晰优化,确保高效运行,自动适配电脑、平板和手机等各类设备,提供更好浏览体验查看源码
  • (自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
  • 快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发,实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术,确保不同设备均有流畅视觉体验,企业形象统一。查看源码
分享笔记 (共有 篇笔记)
验证码: