网页缩放

最新推荐文章于 2024-04-26 16:47:03 发布

zxshen

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量676

点赞数

分类专栏：有趣的积累文章标签： function button generator javascript input

本文链接：https://blog.csdn.net/zxshen/article/details/4345896

版权

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

0 篇文章 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="放大" οnclick="page_zoomin()">
<input type="button" value="缩小" οnclick="page_zoomout()">
<input type="button" value="复原" οnclick="page_zoomfull()">
<br><br>
sdfsdfsdfsdf
sdfklsajdf;lsdlf
sdfklsf;lsdf
</BODY>
</HTML>

zxshen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页缩放

可实现网页的缩放功能。 New Document 　　var zoom_index=0;//　　document.onkeydown = zoom;//　　function zoom(){//　　var IEKey = event.keyCode;//　　if (IEKey == 76) {//　　i++;//　　document.body.style.zoom=1+
复制链接

扫一扫