为博客添加“正在加载中”的过度特效的方法
发布时间：2012-08-06 15:27:39 作者：佚名 
我要评论
我要评论看到很多博客都有这个，想起自己博客也需要，于是就加了一个，方法是这样的：
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
看到很多博客都有这个，想起自己博客也需要，于是就加了一个，方法是这样的：
首先看你博客有没有加载jQuery，如果没有，请在头部加上引用这段js的代码：
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>
然后把如下代码加在模版文件中：
<script type=”text/javascript”>
$(document).ready(function() {
$(‘h2 a’).click(function(){
myloadoriginal = this.text;
$(this).text(‘正在给力加载中 …’);
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
可以DIY的是，h2 a为选择代码，如果你的博客文章标题不是<h2>的。
除非注明，胡小易博客文章均为原创，转载请以链接形式标明本文地址
首先看你博客有没有加载jQuery，如果没有，请在头部加上引用这段js的代码：
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>
然后把如下代码加在模版文件中：
<script type=”text/javascript”>
$(document).ready(function() {
$(‘h2 a’).click(function(){
myloadoriginal = this.text;
$(this).text(‘正在给力加载中 …’);
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
可以DIY的是，h2 a为选择代码，如果你的博客文章标题不是<h2>的。
除非注明，胡小易博客文章均为原创，转载请以链接形式标明本文地址
相关文章
这篇文章主要分享的是web技术的 AudioContext 实现音频可视化，要实现音频可视化得先实现一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext，下面详细内容2022-02-23
这篇文章主要给大家介绍了web技术中的WebRTC记录音视频流，文章内容围绕主题展相关资料，需要的小伙伴可以参考一下，希望对你有所帮助2022-02-23- 这是我通过网上查阅资料总结的一些编码规范，用于巩固对html，css页面重构时的基础,需要的朋友可以参考下2020-12-19
前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范
这篇文章主要介绍了前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范,需要的朋友可以参考下2017-01-21Web前端开发规范2017(HTML/JavaScript/CSS)
这是一份旨在增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分。我们知道，当一个团队开始指定并实行2017-01-21- 这篇文章主要为大家介绍了前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性,需要的朋友可以参考下2017-01-21
- 这篇文章主要为大家详细介绍了响应式Web之流式网格系统的相关资料，感兴趣的小伙伴们可以参考一下2016-07-04
- 下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-03-16
- 基于很多用户都在下载Visual Foxpro 6.0，但是有安装vtp6.0经验的朋友确很少，在安装过程中总会出现这样那样的问题，基于这些问题，下面小编抽个时间把Visual Foxpro 6.02015-09-09
- 网站日志200 0 64状态码的分析介绍2012-10-29
最新评论