繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
- Javascript
- 文档对象模型(DOM)的技巧和诀窍
- Javascript在IE与firefox中表现的异同
- 文档对象模型(DOM)的基本方法
- javaScript DOM方法与属性摘要
- Javascript的一些属性讲解
- JavaScript代码规范
- IE和Firefox的兼容性问题
- innerHTML,outerHTML,innerText,outerText
- FireFox支持innerText
- JavaScript Dom编程:介绍学习书籍
- JavaScript教程:关于时间格式转换
- JavaScript教程:判断日期正确与否的函数
- 解决JS脚本兼容的几个小技巧
- 使用createElement动态创建HTML对象
- Javascript事件处理代码的三种写法
- Javascript教程:展示风格的价值
- Javascript在IE和FF里的兼容问题
- JavaScript扩展:正则像函数一样调用
- 初学Ajax须注意的几个问题
- 学习JavaScript的事件
Javascript 中的 javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 284 ::
收藏到网摘: n/a
javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽），
<IMG src="images/forumnew.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
