繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
- HTML/XHTML教程
- IE5+专有日历
- 跨框架下拉菜单
- 用鼠标拖动表格进行排序
- 通用表单验证函数
- 静态页面的值传递(三部曲)
- 用javascript获得地址栏参数的两种方法
- 校验日期的函数
- Select的OnChange()事件
- 区分只读文本框和普通文本框的背景色
- 指定选取textarea的特定行
- 清除WORD冗余格式并粘贴
- 页面载入时提示消息层
- 正则表达式regular expression详述
- 最精致的日历式日期输入控件
- MD5算法在JS中的实现
- javascript 的面向对象编程
- 自适应图片大小的弹出窗口
- 锁定行头和列头的表格组件
- 简化的enter转化成tab组件
- 日期相加的函数addDate
HTML/XHTML教程 中的 javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 62 ::
收藏到网摘: 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
