用js实现图片放大缩小 源代码

<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 + ')', 100);
    }   
document.onmouseup = function() {
window.clearTimeout(oTime);
} 
</script>
<button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">↑</button>
<button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">↓</button>
<div style="height: 200px; overflow: no;">
<img id="oImg" src="image/dituda.jpg" style="zoom: 100%;">
</div>

♡ 点赞 0

☆ 收藏 0

留言区（共0条）