用滚轮实现图片缩放〔zz〕
生活随笔
收集整理的這篇文章主要介紹了
用滚轮实现图片缩放〔zz〕
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
從chinaren校友錄中找的代碼，自己簡化了一下，只提取了必須的部分，并加上了注釋。
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title>用滾輪實現圖片縮放</title>
</head>
<script?language="JavaScript">
function?zoomimg(img){
??//img.style.zoom獲取img對象的縮放比例，并轉為十進制整數
??var?zoom?=?parseInt(img.style.zoom,10);
??if?(isNaN(zoom)){????//當zoom非數字時zoom默認為100％
????zoom?=?100;
??}
??//event.wheelDelta滾輪移動量上移＋120，下移－120；顯示比例每次增減10％
??zoom?+=?event.wheelDelta?/?12;
??//當zoom大于10％時重新設置顯示比例
??if?(zoom>10)?img.style.zoom?=?zoom?+?"%";
}
</script>
<body>
<br>
<!--onmousewheel：當滾輪移動時觸發-->
<img?src="001.gif"?onmousewheel="zoomimg(this)">
</body>
</html>
轉載于:https://www.cnblogs.com/penboy/archive/2005/08/21/219318.html
總結
以上是生活随笔為你收集整理的用滚轮实现图片缩放〔zz〕的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [译文]ASCII art with C
- 下一篇： (转贴)给Repeater、Datali