首頁 > web前端 > css教學 > CSS expression控制圖片自動縮放效果程式碼[相容 IE,Firefox]_經驗交流

CSS expression控制圖片自動縮放效果程式碼[相容 IE,Firefox]_經驗交流

WBOY
發布: 2016-05-16 12:04:53
原創
1551 人瀏覽過

今天花了很久時間終於解決了這個問題,基本上完美了,唯一不完美的就是IE 6 只有在圖片完全下載完成後才會自動調整大小,不過聊勝於無,總比進入頁面後看到長長的橫向滾動條舒服的多,這裡使用了expression,但是利用了一次加載,所以expression 不會造成內存洩漏。當然,如果你有更好的解決方案,希望能與我溝通。

程式碼如下:

.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)); }

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板