wordpress实现页面载入进度条示例

发布时间：2022-06-24 10:20 所属栏目：61 来源：互联网

导读：进度条我们通常在文件上传或页面等待时要有一个效果,告诉客户自己的页面在加载了,下面来看一个wordpress简单页面载入进度条实现方法. 下面是我写的方法,只需要添加一处js就可以了,并且是在页面全部加载完毕之后才跳到100%的,许多朋友要我写进度条,不是我不想

　　进度条我们通常在文件上传或页面等待时要有一个效果,告诉客户自己的页面在加载了,下面来看一个wordpress简单页面载入进度条实现方法.

　　下面是我写的方法,只需要添加一处js就可以了,并且是在页面全部加载完毕之后才跳到100%的,许多朋友要我写进度条,不是我不想写,是因为之前有些错误,现在是已经修正了,所以就贴出来了,代码很少,部分地方已经注释了.

　　最后更新:2013年3月28日 21:56:21

　　/***************************************************

　　** 进度条

　　** 2012年11月15日0:06:06

　　***************************************************/

　　$(function()

　　{

　　 // 页面准备完毕后就开始移动进度条到95%

　　 $('header .loading').animate({'width':'95%'},9000);

　　 // 在页面全部加载完毕之后

　　 $(window).load(function()

　　 {

　　 // 停止进度条动画，直接移动到100%

　　 $('header .loading').stop(1,1).animate({'width':'100%'},333,function()

　　 { //phpfensi.com

　　 // 到100%完毕后隐藏进度条

　　 $(this).addClass('done').delay(333).slideUp(333);

　　 });

　　 });

　　});。

（编辑：ASP站长网）