如何使用javascript缩放div内容？

更新时间：2023-10-25 08:18:52

如果搜索是您的div id，请尝试按照代码

函数缩放（optionSel）
 {
 var  OptionSelected = optionSel.selectedIndex; 
 var  val = optionSel.options [OptionSelected] .text; 
 //   alert（val）;  
 var  div = document.getElementById（  search）; 
 div.style.zoom = val; 
}

 <   span  > 缩放<   / span  >  <  选择    id   =' 缩放'    onchange   =  zoomings（this）; >  
<  选项    value   =  25％ >  25％<   / option  >  
<  选项    value   =  50 ％ >  50％<   / option  >  
<  选项    value   =  75％ >  75％<   / option  >  
<  选项   值  =  100％   已选择  = 已选择 >  100％<   / option  >  
<  选项    value   =  150％ >  150％<   / option  >  
<  选项    value   =  200％ >  200％<   / option  >  
<  选项    value   =  250％ >  250％<   / option  >  
<  选项    value   =   300％ >  300％< ;   / option  >  
<   / select  >

Hi Deepthi，

请参考以下链接：

缩放文字 >

add-magnifying-zoom-tool- zoomer

滚动和放大一个div

流动到变焦-DIV-内容使用-J查询

不要忘记将有用的回复标记为答案帮助您找到解决方案。：）

How to zoom div content by using javascript?I am adding the my code below.But it is not supporting all browsers.
<html>
<head>
<script type="text/javascript">

function zoomings(){
var val=document.getElementById("zooming").value;

                //alert(val);
                searches.style.zoom=val;

                searches.style.moz.zoom=val;
            }

</script>
</head>
<body>

<span>Zoom</span><select id='zooming' onchange="zoomings()">
        <option value="25%">25%</option>
        <option value="50%">50%</option>
        <option value="75%">75%</option>
        <option value="100%" selected="selected">100%</option>
        <option value="150%">150%</option>
        <option value="200%">200%</option>
        <option value="250%">250%</option>
        <option value="300%">300%</option>
    </select>

</body>
</html>

if searches is your div id then try following code

function zoomings(optionSel)
{
 var OptionSelected = optionSel.selectedIndex;
var val = optionSel.options[OptionSelected].text;
//alert(val);
var div = document.getElementById ("searches");
div.style.zoom = val;
}

<span>Zoom</span><select id='zooming' onchange="zoomings (this);">
        <option value="25%">25%</option>
        <option value="50%">50%</option>
        <option value="75%">75%</option>
        <option value="100%" selected="selected">100%</option>
        <option value="150%">150%</option>
        <option value="200%">200%</option>
        <option value="250%">250%</option>
        <option value="300%">300%</option>
    </select>

Hi Deepthi,

Please refer links given below:

zoom-text

add-magnifying-zoom-tool-zoomer

scrolling-and-zooming-in-a-div

ow-to-zoom-div-content-using-jquery

Don''t forget to mark useful responses as Answer if they helped you towards a solution. :)

上一篇 : ：如何制作动态水晶报告？下一篇 : 制作Fortran的DLL和从C＃调用它

如何使用javascript缩放div内容？

相关阅读

推荐文章