图片的放大和缩小

<script language="javascript">
    var oTime;
    function chgSize(args) {
        var oImg = document.all['oImg'];  //取得IMG对象
        oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +1 : -1)  + '%';  //判断true和false,来控制是放大或缩小    
 oTime = window.setTimeout('chgSize(' + args + ')', 100);
    }   
document.onmouseup = function() {
window.clearTimeout(oTime);  //取消setTimeout的时间设定

</script>
<div style="height: 200px; overflow: auto;">
<img id="oImg" src="/Files/BeyondPic/2006-8/14/28youandi.jpg" style="zoom: 100%;">
</div>
<button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">↑</button>
<button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">↓</button>
posted @ 2006-08-25 11:50  MSDI  阅读(283)  评论(0编辑  收藏  举报