当前页面: 开发资料首页 → Javascript 专题 → 妙用JavaScript实现网页的任意缩放
摘要: 妙用JavaScript实现网页的任意缩放
现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的< head>中,以方便弱视人群放大浏览(仅适用于IE浏览器)!
代码如下:
<table cellSpacing=5 cellPadding=0 align=left border=0> <tr> <td></td></tr></table>< script language="javascript">
var i=0;
document.onkeydown = zoom;
function zoom(){
var IEKey = event.keyCode;
if (IEKey == 76) {
i++;
document.body.style.zoom=1+i/10;
}
if (IEKey == 83) {
i--;
document.body.style.zoom=1+i/10;
}
if (IEKey == 82) {
document.body.style.zoom=1;
i=1;
}
}
< /script>
代码非常简单!请按L键放大网页,按S键缩小,按R键恢复正常显示!您可以自己定义不同的按键来达到效果,如F系列功能键,这里就不再介绍了。
</td> </tr> <tr> <td vAlign=top align=left height="100%">