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>