·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]js实现页面适配图片,js对页面图片大小进行调整

时间:2014-12-27 09:52酷播
[JS]js实现页面适配图片,js对页面图片大小进行调整

[JS]js实现页面适配图片,js对页面图片大小进行调整

  1. <img src="http://home.baidu.com/resource/r/home/img/bnr_product1.jpg"> 
  2.  
  3. <script type="text/javascript"> 
  4. var maxWidth = 500
  5. var img = document.getElementsByTagName('img'); 
  6. for(var i=0;i<img.length;i++) { 
  7.     img[i].onload = function() { 
  8.         if(this.width>maxWidth) { 
  9.             this.width=maxWidth
  10.         } 
  11.     } 
  12. </script> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器