javascript 圖片放大縮小
一\先在HTML里增加圖片,并定義好ID號: </div>
<div style="height: 400px; overflow: auto;">
<span id="p"></span>
<img id="oImg" src="
二\放入放大縮小按鈕
<button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">↑</button>
<button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">↓</button>
三\寫調用函數
<script language="javascript">
var oTime;
function chgSize(args) {
var oImg = document.all['oImg'];
oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +1 : -1) + '%';
oTime = window.setTimeout('chgSize(' + args + ')', 1);
}
</script>
說明:當縮標按下時(onmousedown)執行chgSize(),鼠標松開(onmouseup)清除時間window.clearTimeout(oTime);
parseInt(oImg.style.zoom) + (args ? +1 : -1) + '%';
當放大為真是點擊一下放大一個像素,,反之,則減小.