您所在的位置:主页 > 设计教学 > 网页设计 > 如何为博客添加“正在加载中”的过度特效

如何为博客添加“正在加载中”的过度特效

更新:2013-12-07    编辑:sou6    来源:本站整理    人气:加载中...    字号:|

看到很多博客都有这个,想起自己博客也需要,于是就加了一个,法子是这样的:

首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段js的代码:

<script type=”text/javascript” src=””></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>的。

除非注明,胡小易博客文章均为原创,,转载请以链接形式标明本文地址

本文地址:http://www.gpxz.com/sheji/wangye/278393.html

<< 返回首页购买  更多 >>

您可能在找这些