繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
- HTML/XHTML教程
- HTML表单标记教程(1):
- XHTML入门学习教程:表单标签
- XHTML入门学习教程:框架标签使用
- XHTML:框架结构标签
- HTML5 与 XHTML2
- 兼容性的 inline-block 属性
- 关于XHTML的H1标记的位置
- HTML5 语义化结构化规范化
- 改进网站设计提供的有意的建议
- HTML5的结构和语义(5):交互
- HTML5的结构和语义(5):内嵌媒体
- HTML5中语义化 b 和 i 标签
- 网页教案,针对初学者的教案
- HTML5的结构和语义(4):语义性的内联元素
- HTML5的结构和语义(2):结构
- 通过优化网页页面降低对内存及CPU的占用
- XHTML 2.0新功能抢先预览
- HTML5的结构和语义(1):前言
- XHTML标签都有一个结束标记
- 面向XHTML的IE条件注释
HTML/XHTML教程 中的 javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 38 ::
收藏到网摘: n/a
<IMG src="/upload/tech/20091104/20091104154739_185c29dc24325934ee377cfda20e414c.gif" style="border:1px #ff0000 solid" name=ntimg onResize="javascript: for(i=0;i<123 && (this.width>100||this.height>100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" _onLoad="alert('换图片了,不过是动画GIF，你就惨了，关不掉了')">
onResize显示改变后的图片大小，原来是34
<a href=# onClick="document.all.ntimg.width +=100 ">xxxx加大xxxx</a>
<a href=# onClick="document.all.ntimg.src = 'images/input.gif' ">yyyyyy换图yyyyyy</a>
<a href=# onClick="alert( document.all.ntimg.width + ' & ' + document.all.ntimg.height ) ">yyyyyyy图大小yyyyyy</a>
评论 (0) All
