zoom in zoom out(zoom in)

导读 大家好,我是小典,我来为大家解答以上问题。zoom in zoom out,zoom in很多人还不知道,现在让我们一起来看看吧!function zoomOut()...

大家好,我是小典,我来为大家解答以上问题。zoom in zoom out,zoom in很多人还不知道,现在让我们一起来看看吧!

function zoomOut(){

var zoom = parseFloat(document.getElementById("img1").style.zoom);

zoom = zoom + 0.1;

document.getElementById("img1").style.zoom = zoom;

asd.value=zoom;

}

function zoomIn(){

var zoom = parseFloat(document.getElementById("img1").style.zoom);

zoom = zoom - 0.1;

document.getElementById("img1").style.zoom = zoom;

asd.value=zoom;

}

本例能实现单击+按钮放大图片,单击-按钮缩小图片。

需要注意的是,在应用中,需要缩放的东东必须加上style="zoom:1.0",这里的1.0可以换成其他数字,默认缩放比例。

本文到此讲解完毕了,希望对大家有帮助。

最新文章