js实现放大缩小页面

王朝干货 · 作者: 佚名 2023-07-31
  字体: |||超大
 
Abstract
点下面+-号可放大缩小页面,直接刷新页面可以快速恢复页面默认大小。
缩小- 放大+
Text

缩小<a href="###" onclick="javascript:zoomin();return false;" style="font-size:36px;">-</a> 放大<a href="###" onclick="javascript:zoomout();return false;" style="font-size:36px;">+</a>
<script>
var size = 1.0;
function zoomout() {
size = size + 0.1;
set();
}
function zoomin() {
size = size - 0.1;
set();
}
function set() {
document.body.style.zoom = size;
document.body.style.cssText += '; -moz-transform: scale(' + size + ');-moz-transform-origin: 0 0; ';
}
</script>

这个本质上是通过js和css调控页面大小,与浏览器自带的页面缩小放大功能没有关联。

该代码无法对iframe里的内容进行缩放,浏览器自带的可以。

 
 
Recommend
 
>>返回首頁<<