当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)

HTML/XHTML教程
回答XML与HTML的区别
举一反三 浅谈在网页上显示日期的两种方法
打开“保护之门”—破解网页限制功能
“快马加鞭”—网站浏览提速七种武器
用FAQGenie迅速制作“常见问答”网页
流程图软件Visio作“高难度”网页
动态HTML教程(二)
动态HTML教程(一)
动态HTML教程(三)
Html源文件中image标签的析取
什么是Dynamic HTML
关于CSS中的类-CLASS
什么是CSS?它的能做些什么?
如何将 CSS 加诸于网页
CSS产生的特殊效果
CSS的字体、字型控制
使用不同的CSS写法-CSS进阶
HTML的基本元素
Html的几个小技巧
WEB界面设计五种特征

HTML/XHTML教程 中的 javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 82 ::
收藏到网摘: n/a

javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽),
<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>