手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >为博客添加“正在加载中”的过度特效的方法
为博客添加“正在加载中”的过度特效的方法
摘要:看到很多博客都有这个,想起自己博客也需要,于是就加了一个,方法是这样的:首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段j...

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

首先看你博客有没有加载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>的。

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

【为博客添加“正在加载中”的过度特效的方法】相关文章:

CSS:清除浮动的最优方法

CSS div居中的三种方法

给表格设置不重叠的边框(单线边框)的2种方法

用CSS巧控制段落缩进的方法

div标签中的元素margin-top失效的解决方法

最近在网页中常用的css和js酷炫动画效果

使用CSS中的meta实现web定时刷新或跳转的方法

css中不确定高度垂直居中2种方法

一款css实现的鼠标经过按钮的特效

Td或Div文字超出宽度的CSS隐藏方法

精品推荐
分类导航