CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
导读:收集整理的这篇文章主要介绍了CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox],觉得挺不错的,现在分享给大家,也给大家做个参考。 今天用了很久时间终于解决...
收集整理的这篇文章主要介绍了CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox],觉得挺不错的,现在分享给大家,也给大家做个参考。 今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 exPression,但是利用了一次加载,所以 exPRession 不会造成内存泄漏。当然,如果你有更好的解决方案,希望能与我交流。 代码如下:
.Image { max-width:600px; height:auto; cursor:pointer; border:1px dashed #4E6973; padding: 3px; zoom:expression( function(elm) { if (elm.width> 560) { VAR oldVW = elm.width; elm.width=560; elm.height = elm.height*(560 /oldVW); } elm.style.zoom = '1'; } (this)); } 您可能感兴趣的文章:
- javascript图片自动缩放和垂直居中处理函数
- asp正则html的图片,对图自动缩放大小
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
本文地址: https://pptw.com/jishu/606552.html