如何使用javascript缩放div内容？ [英] How to zoom div content by using javascript?
本文介绍了如何使用javascript缩放div内容？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何使用javascript缩放div内容？我在下面添加我的代码。但它不支持所有浏览器。
< html>
< head>
< script type =text / javascript>
function zoomings（）{
var val = document.getElementById（ 缩放） 。 value ;
// alert（val）;
searching.style .zoom = VAL;
searching.style.moz.zoom = val;
}
< / script>
< / head>
< body>
< span > 缩放< / span > < 选择 id =' 缩放' onchange = zoomings（） >
< 选项 值 < span class =code-keyword> = 25％ > 25％ < / option >
< 选项 value = 50％ > 50％< / option >
< 选项 value = 75％ > 75％< / option >
< 选项 value = 100％ 已选择 = 已选择 > 100 ％< / option >
< 选项 value = 150％ > 150％< / option >
< 选项 value = 200％ > 200％ < / option >
< 选项 value = 250％ > 250％< / option >
< 选项 value = 300％ > 300％< / option >
< / select >
< / body>
< / html>
解决方案
如果搜索是您的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％ 已选择 = 已选择 < span class =code-keyword>> 100％< / option < span class =code-keyword>>
< 选项 value = 150％ > 150％< / option >
< 选项 value = 200％ > 200％< / option >
< 选项 value = 250％ < span class =code-keyword>> 250％< / option < span class =code-keyword>>
< 选项 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. :)
这篇关于如何使用javascript缩放div内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
