当前位置：网站综合首页 >> 网页JS特效 >> 图形图象类 >> 完全加载图片后,才显示图片

完全加载图片后,才显示图片

来源：中国设计秀作者：未知点击：365 加入收藏发表评论

顶一下

关键字：图片图片

兼容各个浏览器。网速快，可能看不出效果。
代码如下,点击运行可查看效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Onload image fades without Flash | clagnut/sandbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#photoholder {
 width:450px;
 height:338px;
 border:1px solid #666;
 background:#fff url('http://www.cssrain.cn/demo/Onloadimage/indicator_web20_working.gif') 50% 50% no-repeat;
}
#thephoto {
 width:450px;
 height:338px;
}
TABLE {
 margin-bottom:1em;
 border-collapse:collapse;
}
TH {
 font-weight:normal;
 font-style:italic;
 white-space:nowrap;
 text-align:left;
}
TD, TH {
 vertical-align:top;
 padding:0.25em 0.5em;
 border:1px solid #ddd;
}
</style>
<script type="text/javascript">

</script>
</head>
<body>

</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

2008-06-21 23:29:09 出处：中国设计秀cnwebshow.com

本文引用地址：http://www.cnwebshow.com/site/html/article_2356.html

热点文章/相关文章

素材下载　矢量潮流素材背景素材模板