网页图片如何自适应网页大小,而不撑破表格

王朝html/css/js·作者佚名  2008-07-26
窄屏简体版  字體: |||超大  

利用IE5.5以上版本的新的CSS属性,用JS判断如果图像的尺寸大于一个定值时,用ZOOM缩放

建个名为zoom.htc的behavior文件,代码如下:

<public:attach event="oncontentready"" onevent="zoom()" />

<script language="javascript">

function zoom(){

if(this.width>760)this.style.zoom=1/(width/760); //ZOOM=1除以(宽除以规定宽度的)

}

</script>

具体应用该behavior

在网页中加入以下代码:

<style>

.hyperlook img { behavior:url('zoom.htc')} //注意ZOOM.htc的路径

</style>

最后在需要控制的地方的前后加入:<div class="hyperlook"> </div>

以上只是在ie中的解决 方法

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航