js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼
更新時(shí)間：2015年12月08日 12:20:01 作者：蛐蛐
這篇文章主要介紹了js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼。分享給大家供大家參考，具體如下：
function SetSize(obj, width, height) {
myImage = new Image();
myImage.src = obj.src;
if (myImage.width > 0 && myImage.height > 0) {
var rate = 1;
if (myImage.width > width || myImage.height > height) {
if (width / myImage.width < height / myImage.height) {
rate = width / myImage.width;
} else {
rate = height / myImage.height;
}
}
if (window.navigator.appName == "Microsoft Internet Explorer") {
obj.style.zoom = rate;
} else {
obj.width = myImage.width * rate;
obj.height = myImage.height * rate;
}
}
}
用法：
復(fù)制代碼 代碼如下:
<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>
這種方法在IE、FIREFOX、OPERA、NETSCAPE測(cè)試都適用。
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
解決在layer.open中使用時(shí)間控件laydate失敗的問(wèn)題
今天小編就為大家分享一篇解決在layer.open中使用時(shí)間控件laydate失敗的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)轉(zhuǎn)盤(pán)抽獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)轉(zhuǎn)盤(pán)抽獎(jiǎng)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了js調(diào)試工具Console命令詳解,需要的朋友可以參考下2014-10-10
JS實(shí)現(xiàn)圖片垂直居中顯示小結(jié)
本文給大家分享了4中圖片垂直居中顯示的效果，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-12-12
javascript設(shè)計(jì)模式之Adapter模式【適配器模式】實(shí)現(xiàn)方法示例
這篇文章主要介紹了javascript設(shè)計(jì)模式之Adapter模式,結(jié)合實(shí)例形式分析了JS適配器模式的原理與具體實(shí)現(xiàn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
自適應(yīng)布局meta標(biāo)簽中viewport、content、width、initial-scale、minimum-sca
這篇文章主要介紹了移動(dòng)客戶端手機(jī)頁(yè)面布局時(shí)各標(biāo)簽元素作用和適用情景，通過(guò)詳解幾種屬性讓讀者更明確自適應(yīng)布局的注意點(diǎn)，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要介紹了javascript里使用php代碼的方法,以實(shí)例形式展示了javascript與php代碼混編的應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12
預(yù)解析也叫預(yù)聲明，是提前解析聲明的意思，預(yù)解析是針對(duì)變量和函數(shù)來(lái)說(shuō)的，本文將通過(guò)一些簡(jiǎn)單的示例帶大家了解一下JS中預(yù)解析的具體使用，需要的可以參考一下2023-05-05
這篇文章主要介紹了JointJS JavaScript流程圖繪制框架解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01