首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

教你用js超简略实现页面自动控制图片的宽度和高度

2012-09-22 
教你用js超简单实现页面自动控制图片的宽度和高度?在图片里加句简单的js轻松实现页面自动控制图片的宽高度

教你用js超简单实现页面自动控制图片的宽度和高度

?

在图片里加句简单的js轻松实现页面自动控制图片的宽高度,使图片不变形
拆开后的代码:同时控制高度和宽度:
<img ? onload="if(this.height>75){? ? ? ? ? ? ? ? ? ? ? this.height=75;? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? if(this.width>95){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?this.width=95;? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? }" ? src="4_avatar_middle.jpg" />
连接后的代码:<img onload="if(this.height>75){this.height=75;}else{if(this.width>95){this.width=95;}}" src="4_avatar_middle.jpg" />
控制宽度:
<img ? onload="if(this.width>95){? ? ? ? ? ? ? ? ? ? ? this.width=95;????????????????????? this.height=auto;
? ? ? ? ? ? ? ? }" ? src="4_avatar_middle.jpg" />
连接后的代码:<img onload="if(this.width>95){this.width=95; this.height=auto;}" src="4_avatar_middle.jpg" />
控制高度:
<img ? onload="if(this.height>95){? ? ? ? ? ? ? ? ? ? ? this.height=95;????????????????????? this.width=auto;
? ? ? ? ? ? ? ? }" ? src="4_avatar_middle.jpg" />
连接后的代码:<img onload="if(this.height>95){this.height=95; this.width=auto;}" src="4_avatar_middle.jpg" />
海口

热点排行