一个简单的载入图片等待状态的Loading代码

本文介绍了一个简单的图片加载过程中使用Loading效果的方法。通过JavaScript控制,在图片加载完毕前显示加载提示,完成后隐藏提示并展示图片,提升了用户体验。

代码简介:

图片载入Loading效果,当图片没有载入的时候,显示正在加载中,当加载完成出现图片,LOADING可以有效防止资源浪费,提升用户体验的好方法。

代码内容:

ExpandedBlockStart.gifView Code
<title>一个简单的载入图片等待状态的Loading代码_网页代码站(www.webdm.cn)</title>
<script>
function aaa() {
  document.getElementById(
'aa').innerHTML = '';
}
</script>
<div style="margin:300px 0px 0px 300px;">
<div id="aa" style="margin-bottom:-30px;">载入中……</div>
<div><img src="http://www.webdm.cn/images/wall1.jpg" onload="aaa();" border="0" /> </div>
</div>
<br />
<p><href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/3e5f3734-8569-4c7b-97c6-5f6964f2928e.html

 

转载于:https://www.cnblogs.com/webdm/archive/2011/08/13/2136915.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值