放大网页元素

jQuery : zoom in web page element

本文关键字：元素 网页 放大      更新时间：2023-09-26

有谁知道一个插件或一些示例代码放大在页面上的html元素?我使用zoomooz.js它的工作完美，但我想当用户缩放在一个元素，元素有滚动条。我的元素还包含另一个元素，像这样:

<div id="zoomView">
   <div id="innerElement">
      some elements ...
      <input type="text" />
   </div>
</div>

JavaScript函数:

function zoom(value){
  document.getElementById('idofyourelement').style.zoom=value;  
}
在你的HTML中，你可以这样写: 
<!--Zoom Controls-->
<div id="zoom_controls">
  <span>-</span>
  <input type="range" min="0.7" max="2.2" value="1" step="0.1" onchange="zoom(this.value)"/>
  <span>+</span>
</div>
相关文章：