Javascript图片自适应宽度

 图片宽度超过720px自动调整宽度和高度。

JavaScript代码
  1. //图片自适应页面宽度  
  2. window.onload=function(){  
  3.     var img = document.getElementsByTagName("img");  
  4.     var w = 0;  
  5.     var h = 0;  
  6.     for (var i=0; i<img.length; i++){  
  7.     w= img[i].width;  
  8.     h= img[i].height;  
  9.         if (img[i].alt == "alt值"){  
  10.             if (img[i].width > 720){  
  11.                 img[i].width=720;  
  12.                 img[i].height=720*h/w;  
  13.             }  
  14.         }  
  15.     }  
  16. }  

原创代码,转载请注明出处,谢谢!https://blog.guanjianci.net/



上一篇: Php生成随机字符串附ASCII码完整表
下一篇: sqlserver2005 配置系统未能初始化
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascript
相关日志:
评论: 0 | 引用: 0 | 查看次数: 1997
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭

 广告位

↑返回顶部↑