Heim > Backend-Entwicklung > PHP-Tutorial > 求教js问题

求教js问题

WBOY
Freigeben: 2016-06-23 14:06:11
Original
749 Leute haben es durchsucht

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>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage