新闻中心

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

作者 / 时间 2014-07-29 11:34:50

小编帮很多朋友都增加了过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)后台管理员密码忘记了咋办,直接工具登陆

本文地址:https://www.51php.com/zblog/15216.html

1
1
1
1
1
1
1