设计之家 > 教程 > 網頁教程 > Javascript教程 >

javascript改變和控制顯示的圖片大小

作者:佚名 來源:本站原創 時間:2006-03-23

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>

标签:javascript

推薦設計

最新文章