首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
妙用JavaScript实现网页的任意缩放

http://www.sina.com.cn 2002/05/24 10:40 赛迪网

  文/touch8 

  现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的< 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动态网页制作宝库
巧使网页图片实现“幻灯片”显示效果(2002/05/22 09:56)
巧妙实现图片链接的特殊效果(2002/05/16 10:27)
用JavaScript实现页面百叶窗效果(2002/05/16 10:12)
JavaScript网页制作特殊效果二例(2002/04/30 10:35)
用Javascript自动输出网页文本(2002/04/26 09:26)
用JavaScript使链接按钮不断变化(2002/04/24 09:46)
用JavaScript创建超酷时钟背景特效(2002/04/19 12:23)
用JavaScript加密保护网站页面(2002/04/15 10:50)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网