网页缩放

最新推荐文章于 2023-05-17 15:42:34 发布

原创最新推荐文章于 2023-05-17 15:42:34 发布 · 749 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #button #generator #javascript #input

有趣的积累专栏收录该内容

0 篇文章

订阅专栏

可实现网页的缩放功能。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
　　var zoom_index=0;
//　　document.onkeydown = zoom;
//　　function zoom(){
//　　var IEKey = event.keyCode;
//　　if (IEKey == 76) {
//　　i++;
//　　document.body.style.zoom=1+i/10;
//　　}
//　　if (IEKey == 83) {
//　　i--;
//　　document.body.style.zoom=1+i/10;
//　　}
//　　if (IEKey == 82) {
//　　document.body.style.zoom=1;
//　　i=1;
//　　}
//　　}

function page_zoomin(){
zoom_index++;
document.body.style.zoom=1+zoom_index/10;
}

function page_zoomout(){
zoom_index--;
document.body.style.zoom=1+zoom_index/10;
}

function page_zoomfull(){
zoom_index = 1;
document.body.style.zoom=1;
}
　　</script>
</HEAD>

<BODY>
<input type="button" value="放大" onclick="page_zoomin()">
<input type="button" value="缩小" onclick="page_zoomout()">
<input type="button" value="复原" onclick="page_zoomfull()">
<br><br>
sdfsdfsdfsdf
sdfklsajdf;lsdlf
sdfklsf;lsdf
</BODY>
</HTML>