繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
- HTML/XHTML教程
- HTML的dl、dt、dd标记制作表格对决Table制作表
- HTML网页中的URL表示方式
- Web页面 自定义选择框Select
- HTML网页制作教程 谨慎使用iframe标记
- HTML 网页头部代码全清楚
- HTML link标记的rel属性
- HTML 代码编写的30条技巧
- HTML5 canvas 基本语法
- 最容易犯的HTML标签错误写法
- 网页设计参考 firefox 默认样式
- 将XHTML+CSS页面转换为打印机页面
- HTML优化加快网页速度
- 超链接图标规范:提升文章的可阅读性
- 标记语言：网页应用CSS样式
- 标记语言：打印样式
- 标记语言：CSS布局
- 标记语言：学完HTML后该学什么？
- IE的有条件注释优点和缺点
- PSD网页模版转化XHTML的一些理论知识
- 让XHTML与HTML兼容
HTML/XHTML教程 中的 javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 94 ::
收藏到网摘: 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
