实现Z-Blog点击标题显示Loading加载特效 - z-blog - 爱建站

实现Z-Blog点击标题显示Loading加载特效,

SEO SEO

首页  >   z-blog > 实现Z-Blog点击标题显示Loading加载特效   >  正文

实现Z-Blog点击标题显示Loading加载特效

2018-09-27 07:32:31 向站长提问 编辑: admin 阅读:

 

小编帮很多朋友都增加了过Loading这个加载效果


小编帮很多朋友都增加了过Loading这个加载效果,在点击博客文章链接时候然后标题会显示“Loading……”或“请稍候,正在加载或者其他的提示文字 。无忧主机小编认为虽然这个功能并不是特别麻烦,但是还是有必要的,让客户在等待加载的时候有个念想,可以增加访客体验效果。实现的方法如下。添加jQuery代码即可!分别对当前的zblog主题中的TEMPLATE目录下的default.html、catalog.html、single.html、search.html文件进行修改操作!找到了之后在以上文件的</head>之前或者</body>之前添加以下JS代码。代码如下:

<script type=”text/javascript”>

$(document).ready(function(){

$(‘h2 a’).click(function(){

$(this).text(‘博客吧欢迎你,请您稍等,正在为你加载中…’);

window.location = $(this).attr(‘href’);

});

});

</script>

其中的’h2 a’表示使用h2标签的标题的a链接,如果朋友有喜欢自己的主题使用的是其它的如h3、h4的标签,就按对应的修改就可以的。比如以上的$(this).text(‘博客吧欢迎你,请您稍等,正在为你加载中…’);

后面的文字都可以按照自己喜欢的文字去修改比如 亲 我们正在努力了。稍等下 等等,完成了之后在保存文件在博客后台中重建文件就大功告成了。

无忧主机相关文章推荐阅读:

ZBLOG文章无图片时随机显示图片的方法

ZBLOG程序修改文章发布默认浏览数教程分享

ZBLOG PHP版本博客站点伪静态规则(URL重写)配置

Z-BLOG(PHP)后台管理员密码忘记了咋办,直接工具登陆


实现Z-Blog点击标题显示Loading加载特效
http://www.yuedudg.cn/article/12113111.html

 

友情链接
zblog之家 phpcms之家 织梦之家
discuz经验网 wp之家 cms综合网
ecshop经验网 帝国cms常识


Tags:实现Z-Blog点击标题显示Loading加载特效


手机浏览本文
实现Z-Blog点击标题显示Loading加载特效

实现Z-Blog点击标题显示Loading加载特效

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy