JavaScript圖片預(yù)加載代碼，顯示loading_圖片特效特效

JavaScript圖片預(yù)加載技術(shù)，和平時(shí)大家說的網(wǎng)頁loading有點(diǎn)像，本代碼真正實(shí)現(xiàn)了加載完圖片再顯示的功能，如果圖片沒有下載完則一直顯示正在加載，而且不會影響網(wǎng)頁其它部分的正常下載，可以提高你網(wǎng)頁的速度。

<html>
<head>
<style type="text/css">
div{border:#aaaaaa 3px solid;width:200px;padding:2px;margin:2px 9px;font-size:12px;line-height:22px;color:#999999;}
.ipt1{width:160px;font-size:12px;color:#1F6478;border:#999999 1px solid;margin-left:9px;}
.ipt2{border:#999999 1px solid;margin-left:6px;color:#666666}
p{margin:0px;padding:0px;background-image:url(/jscss/demoimg/loading.gif);background-position:center;background-repeat:no-repeat;width:200px;height:200px;text-align:center;font-size:12px;color:#999999;line-height:26px;}
</style>
<script language="javascript" type="text/javascript">
function preloadimg(url,obj,ipt){
var img=new Image();
obj.innerHTML="<p>圖片加載中...</p>";
img.onload=function(){obj.innerHTML="";obj.style.width=String(img.width)+"px";ipt.style.width=String(img.width-40)+"px";obj.appendChild(img);};
img.onerror=function(){obj.innerHTML="圖片加載失敗！"};
img.src=url; //img.src一定要寫在img.onload之后，否則在IE中會出現(xiàn)問題
}
function show(){
var div=document.getElementsByTagName("div")[0];
var input=document.getElementsByTagName("input");
preloadimg("http://www.hl5o.cn/jscss/demoimg/wall8.jpg",div,input[0]);
input[0].onclick=function(){this.value=""};
input[1].onclick=function(){preloadimg(input[0].value,div,input[0]);}
}
window.onload=show;
</script>
<title>JavaScript圖片預(yù)加載代碼，顯示loading</title>
</head>
<body>
<div></div>
<br />
<input type="text" value="將圖片地址粘貼在這里" class="ipt1"/><input type="button" value="開始加載" class="ipt2"/>
</body>
</html>

所屬頻道：圖片特效特效/更新時(shí)間：2012-11-28

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)圖片特效特效：

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JavaScript圖片預(yù)加載代碼，顯示loading
特效說明：
圖片特效模板-JavaScript圖片預(yù)加載代碼，顯示loading。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JavaScript圖片預(yù)加載代碼，顯示loading_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

JavaScript圖片預(yù)加載代碼，顯示loading_圖片特效特效