jQuery：放大网页元素

Question

是否有人知道一个插件或一些示例代码用于放大页面上的html元素？ 我使用 zoomooz.js 它工作得很完美，但我想当用户放大一个元素时，该元素有滚动条。 我的元素也包含另一个这样的元素：

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

Answer 1

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>