Home  >  Article  >  Backend Development  >  求教js问题

求教js问题

WBOY
WBOYOriginal
2016-06-23 14:06:11725browse

html中代码为:


求教js问题

用js如何达到以下效果?
在页面打开的时候,先预加载图片,图片在加载中的时候id为load的显示代码
加载中

图片加载完成后,
加载中
移除。
这样的整个js代码是什么样的啊??


回复讨论(解决方案)

楼主使用jquery吗?
如果使用这个方法应该可以满足你的需求:
///图片在加载中的时候id为load的显示代码

加载中

$(document).ready(function(){
  // 图片加载完成后,
加载中
移除。
});

楼主使用jquery吗?
如果使用这个方法应该可以满足你的需求:
///图片在加载中的时候id为load的显示代码

加载中

$(document).ready(function(){
  // 图片加载完成后,
加载中
移除。
});
忘记还有如何判断图片是否加载完毕的问题呢?

图片加载完成时,会触发 img 的 onload 事件

图片加载完成时,会触发 img 的 onload 事件
有完整的代码吗

围观

  

  
Validate empty fields  
<script></script>  
<script> <br /> $(document).ready(function(){ <br /> $("#bg").bind("onload", function(){ <br /> $("#load").show(); <br /> }); <br /> $("#load").hide(); <br /> <br /> }); <br /> </script>


加载中...

求教js问题

  

  
Validate empty fields  
<script></script>  
<script> <br /> $(document).ready(function(){ <br /> $…… <br /> 如何判断图片加载完成呢 <p class="sougouAnswer"> onload 事件就是 </script>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn