Maison  >  Article  >  développement back-end  >  求教js问题

求教js问题

WBOY
WBOYoriginal
2016-06-23 14:06:11725parcourir

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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn