• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏幻天博客吧
  • 欢迎来到铃音的私人博客! QQ群

[教程]wordpress文章标题”正在载入”

兴趣 天空の铃音 6年前 (2014-04-05) 851次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

(白菜收集)13

简介

今天在很多博友的站点上都看到一个效果,就是在点击文章标题时,会有一个“正在加载…”的效果,感觉挺好的,不仅美观而且还防止由于加载缓慢所带来的客户体验降低的可能,所以特意在网上找了些方法,并且分享给大家!

方法

首先:找到博客主题里面的 header.php 模板文件,在 <head></head>之间添加调用 JS 的代码

PS:如果之前有添加过 JQuery 的就不用再次调用了、个人建议下载到主题内,加载更为快速。

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>

建议以上代码保存到本地!

然后:在<head></head>之间增加效果代码

 

//加载中提示代码
$(document).ready(function() {
$('h1 a').click(function(){
myloadoriginal = this.text;
$(this).text('正在努力载入中 …');
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});

最后:打开主页刷新之后点击文章标题试试吧

注意:

$('h1 a').click(function(){

这一行代码里面的

'h1 a'

这个是一个 css 的类!可以进行替换!请善用审查元素!替换适合的位置!

下载

文件下载

  文件名称:jquery-1.2.3.min.js  文件大小:未知
  下载声明:本站作品均有会员提供,如有侵犯您的版权请联系我们及时处理!
  下载地址:本地下载

转载请注明 - [教程]wordpress 文章标题”正在载入” - 幻想天空 - 魔王殿 - 铃音の小屋
喜欢 (0)
[不公开]
分享 (0)
关于作者:
美国服务器正在努力恢复中!目前系统升级完善,功能可以使用!现在来申请免费空间无需填表哟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址