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

时间:2010-03-22 18:49:32  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:ding="0" align="left" border="0"> < 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 (...
  正文:现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的< 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系列功能键,这里就不再介绍了。


妙用JavaScript实现网页的任意缩放》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/13316.html


关键字:

关于《妙用JavaScript实现网页的任意缩放》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td