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