jQuery：放大网页元素

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

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

来源

2013-04-15 Saman Gholami

http://www.jacklmoore.com/zoom/ –

@baadshah我之前尝试过，但我不能用它与我的元素，它的图像... –

http://www.css3.com/css-zoom/ –

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>

来源

2013-04-15 15:07:27

如果OP可以使用jQuery，我会建议将事件移到'$（'＃zoom-controls> input'）。change（function（）{}）;'而不是内联。记住HTML是用于演示而不是逻辑！ – Undefined

jQuery：放大网页元素

回答

相关问题