在javaScript中创建输入链接
我可以缩放浏览器 在 我会将A+替换为输入放大和缩小在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
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;}