CSS expression控制圖片自動縮放效果代碼[兼容 IE,Firefox]
更新時間：2008年09月02日 00:29:33 作者：
一直以來有個很頭疼的問題困擾著我，那就是圖片縮放的問題，寫到 JS 里面吧，不太容易修改。寫到 CSS 里面吧，IE 6 又不支持 max-width
今天用了很久時間終于解決了這個問題，基本完美了，唯一不完美的就是 IE 6 只有在圖片完全下載完成后才會自動調(diào)整大小，不過聊勝于無，總比進入頁面后看到長長的橫向滾動條舒服的多，這里使用了 expression，但是利用了一次加載，所以 expression 不會造成內(nèi)存泄漏。當(dāng)然，如果你有更好的解決方案，希望能與我交流。
代碼如下：
.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)); }
代碼如下：
.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)); }
相關(guān)文章
文章內(nèi)容頁廣告浮于左上角的解決辦法...2007-03-03
css實現(xiàn)強制不換行/自動換行/強制換行2008-07-07
css 縮寫2008-06-06
【已解決】標(biāo)簽頁刷新問題...2006-12-12
解決IE升級后Flash線框問題...2007-01-01
web標(biāo)準(zhǔn)常見問題集合3...2006-11-11
DIV 居中的絕好解決方法...2006-11-11![非常不錯的關(guān)于IE與FireFox的js和css幾處不同點[轉(zhuǎn)自星火燎原]](http://img.jbzj.com/images/xgimg/bcimg7.png)
非常不錯的關(guān)于IE與FireFox的js和css幾處不同點[轉(zhuǎn)自星火燎原]
非常不錯的關(guān)于IE與FireFox的js和css幾處不同點[轉(zhuǎn)自星火燎原]...2007-09-09
小心：CSS代碼書寫順序不同，導(dǎo)致顯示效果不一樣...2006-12-12
調(diào)用265天氣預(yù)報，不顯示鏈接...2006-12-12