css expression实现的图片自动缩放_ Div+Css教程-查字典教程网
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教程学习
    网页设计子分类