WEB开发网
开发学院网页设计JavaScript 妙用JavaScript实现网页的任意缩放 阅读

妙用JavaScript实现网页的任意缩放

 2010-09-14 13:30:44 来源:WEB开发网   
核心提示:现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,妙用JavaScript实现网页的任意缩放,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的< head>中,按R键恢复正常显示!您可以自己定义不同的按键来达到效果,如F系列功能键,以方便弱视人群放大浏览(仅适用于IE浏览器)

现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的< head>中,以方便弱视人群放大浏览(仅适用于IE浏览器)!

代码如下:

 < 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系列功能键,这里就不再介绍了。

Tags:妙用 JavaScript 实现

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接