css expression实现的图片自动缩放
css expression实现的图片自动缩放
发布时间:2016-12-27 来源:查字典编辑
摘要:下面给出一个示例:.Image{max-width:600px;height:auto;cursor:pointer;border:1pxd...

下面给出一个示例:

<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" ALT="">

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类