网页缩放功能实现
本文介绍了一种使用JavaScript实现网页内容缩放的方法。通过修改页面字体大小的方式，实现了页面内容的放大与缩小功能。提供了两个按钮，分别用于执行放大和缩小操作。
Javascript代码：
var fontSize = 1; function zoomIn() { fontSize += 0.1; document.body.style.fontSize = fontSize + "em"; } function zoomOut() { fontSize -= 0.1; document.body.style.fontSize = fontSize + "em"; }
zoomIn()和 zoomOut() 分别是放大和缩小。
HTML代码：
<input type="button" value="+" onClick="zoomIn()"/> <input type="button" value="-" onClick="zoomOut()"/>
示例：
<script type="text/javascript"><!-- var fontSize = 1; function zoomIn() { fontSize += 0.1; document.body.style.fontSize = fontSize + "em"; } function zoomOut() { fontSize -= 0.1; document.body.style.fontSize = fontSize + "em"; } // --></script>
扫一扫
3167
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
