<script type="text/javascript">
 function changeImg(objImg)
 {
     var most = 690;        //設(shè)置最大寬度
     if(objImg.width > most)
     {
         var scaling = 1-(objImg.width-most)/objImg.width;    
         //計算縮小比例
         objImg.width = objImg.width*scaling;
         objImg.height = objImg.height;            //img元素沒有設(shè)置高度時將自動等比例縮小

         //objImg.height = objImg.height*scaling;    //img元素設(shè)置高度時需進行等比例縮小
     }

 }
 </script>

HTML調(diào)用部分

復(fù)制代碼代碼如下:

您可能感興趣的文章:

相關(guān)文章

JavaScript基于數(shù)組實現(xiàn)的棧與隊列操作示例
這篇文章主要介紹了JavaScript基于數(shù)組實現(xiàn)的棧與隊列操作,結(jié)合實例形式分析了棧與隊列的操作原理及javascript使用數(shù)組實現(xiàn)棧與隊列的相關(guān)技巧,需要的朋友可以參考下
2018-12-12
JavaScript實現(xiàn)數(shù)字前補“0”的五種方法示例
這篇文章主要介紹了JavaScript實現(xiàn)數(shù)字前補“0”的五種方法,結(jié)合具體實例形式分析了javascript數(shù)字前補0的相關(guān)操作技巧,涉及javascript字符串遍歷、迭代、截取、構(gòu)造等操作,需要的朋友可以參考下
2019-01-01
關(guān)于onScroll事件在IE6下每次滾動觸發(fā)三次bug說明
今天測試發(fā)現(xiàn)IE6下用window.onscroll，每次滾動時會觸發(fā)3次，而火狐、IE7沒此問題，應(yīng)該是IE6的一個BUG
2011-09-09
JS Input里添加小圖標(biāo)的兩種方法
大家在做網(wǎng)站的時候，經(jīng)常需要在input里面添加小圖標(biāo)功能，看似功能很簡單，但是實現(xiàn)起來還是有點技巧的，下面小編給大家介紹下JS Input里添加小圖標(biāo)的兩種方法，需要的朋友參考下吧
2017-11-11
SharedWorker?多頁面相互通信示例詳解
這篇文章主要為大家介紹了SharedWorker?多頁面相互通信示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
CountUp.js實現(xiàn)數(shù)字滾動增值效果
這篇文章主要為大家詳細(xì)介紹了CountUp.js實現(xiàn)數(shù)字滾動增值效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
uni-app動態(tài)修改主題色的方法詳解
最近在看uniapp開發(fā)app時需要實現(xiàn)動態(tài)修改主題色的功能,這篇文章主要給大家介紹了關(guān)于uni-app動態(tài)修改主題色的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
基于JavaScript實現(xiàn)雪花許愿墻特效
新的一年就要到了，你一定有很多想許下的愿望吧!今天小編就為大家?guī)砹艘粋€基于Html+CSS+JavaScript實現(xiàn)的帶雪花的許愿墻特效，需要的可以了解一下
2022-01-01
js獲取單選按鈕的數(shù)據(jù)
js獲取單選按鈕的數(shù)據(jù)...
2006-11-11
微信小程序?qū)崿F(xiàn)音樂播放頁面布局
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)京東商品分類側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12