JavaScript实现页面载入等待效果

6
463

今天看到一个童鞋问我切换页面页面变黑的代码怎么实现的。特此开篇文章,说说怎么实现的,和大家分享。

首先这个脚本的目的是为了由于网速的原因,页面没有载入完成的时候提醒浏览者,页面正在加载,让浏览者等待一会。提示的话可以设置文字,也可以是图文混排,如果有图片的话,大小最好不要超过2KB,因为本来网速就慢,你在加个大图,这是提示的图也就显示不出来了。顺便说下,这个代码有个缺陷,如果页面没有全部加载完的玩,你什么都干不了,只能等待,这个可能会使一些浏览者失去耐心,所以你的提示图片是关键,既要留住别人,还要第一时间加载完成。

代码是放在header里面的,所以,博客的每篇文章都会引用此脚本,如果网速过慢,则是得不偿失。若需要则要考虑下。先来看看我的效果,图片还没弄上,只有简短的文字。为了抓个图,我把迅雷,pps都开了……

lazy-load

第一:在header.php中将用下面的代码替换,说白了,是添加。

第二:在header.php中将,用下面的代码替换。

第三:将此文件下载上传到……/wp-content/themes/主题名字/js/下面,如果主题文件下面没有js文件夹,请新建之后上传该文件,注意了上传的文件不要重命名,否则没有效果。下载地址:我的网盘解压密码:onedou

注意了:图中红颜色的为图片的路径,需要上传到主题文件夹images下面,名字可以自行修改。

6 条留言

    • 这几天MSN的skydriver挂了,我所有的东西都无法打开……并不是链接失效……超级郁闷。

留言

留言不能为空
怎么称呼您?

验证码 *