首页 > Web开发 > 详细

css expression实现的图片自动缩放

时间:2015-11-26 06:40:21      阅读:359      评论:0      收藏:0      [点我收藏+]
下面给出一个示例:

复制代码
代码如下:

<style>
.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));
}
</style>

这里使用了expression,但是利用了一次加载,所以expression不会造成内存泄漏。

我们可以这样去用它:

复制代码
代码如下:

<IMG SRC="test.jpg" WIDTH="990" HEIGHT="2000" BORDER="0" class="Image">

这样,当一张图片超过指定宽度时,则会进行自动缩放显示。

css expression实现的图片自动缩放

原文:http://www.jb51.net/css/34066.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!