Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javaScript中创建输入链接_Javascript_Browser_Input_Click_Zooming - Fatal编程技术网

在javaScript中创建输入链接

在javaScript中创建输入链接,javascript,browser,input,click,zooming,Javascript,Browser,Input,Click,Zooming,我可以缩放浏览器 在 我会将A+替换为输入放大和缩小 window.ZoomScreen = function (amount) { document.body.style.webkitTransform = document.body.style.msTransform = document.body.style.transform = 'scale(' + amount + ')'; document.body.style.width = 100 / amou

我可以缩放浏览器 在 我会将A+替换为输入放大和缩小

window.ZoomScreen = function (amount) {
    document.body.style.webkitTransform =
    document.body.style.msTransform =
    document.body.style.transform = 'scale(' + amount + ')';
    document.body.style.width = 100 / amount + '%';
}

<body>
    <div class="container">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui, sunt, totam quaerat repudiandae dignissimos maxime et perspiciatis aperiam doloremque eaque eum explicabo ullam deleniti sed adipisci obcaecati fuga similique.</p>
        <a href="#" onclick="ZoomScreen(1)">A+</a>
        <a href="#" onclick="ZoomScreen(1.5)">A+</a>
        <a href="#" onclick="ZoomScreen(2)">A+</a>
        <a href="#" onclick="ZoomScreen(2.5)">A+</a>
    </div>
</body>
window.ZoomScreen=函数(数量){
document.body.style.webkitTransform=
document.body.style.msTransform=
document.body.style.transform='scale('+amount+');
document.body.style.width=100/金额+“%”;
}
Lorem ipsum dolor sit amet,奉献精英。多洛伦、魁、尚、苏特等国的最高权威和最高权威人士都清楚地表明了他们对类似情况的理解


怎么做?谢谢你

也许我不太明白你的意思

这就是你需要的吗?
链接:

Html:

<body>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui, sunt, totam quaerat repudiandae dignissimos maxime et perspiciatis aperiam doloremque eaque eum explicabo ullam deleniti sed adipisci obcaecati fuga similique.</p>
<a href="#" onclick="ZoomIn()">A+</a>
<a href="#" onclick="ZoomOut()">A-</a>
</div>
</body>
CSS:

body {margin: 0 auto;-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0;}
.container{background: #000;}
p{color:#fff;}
a { color: #FFCC00;}

对不起,我忘记了代码,但仍然看不到这里的代码…对不起,我不能把它放在我的第一篇帖子如何验证你的答案?对不起,我的英语不好?对不起,我的英语不好。请看我答案的左上角。您将看到一个复选标记:只需单击它。谢谢
body {margin: 0 auto;-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0;}
.container{background: #000;}
p{color:#fff;}
a { color: #FFCC00;}