龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css expression 图片自动缩放

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
我们判断图片超过设置大小时就会自动缩放到指定大小的expression起到关键作用。 style .image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4e6973;padding: 3px; zoom:expression( function(elm) { i

我们判断图片超过设置大小时就会自动缩放到指定大小的expression起到关键作用。

<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> 

<img src="test.jpg" width="990" height="2000" border="0" alt="" class="image"> 

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


精彩图集

赞助商链接