妙用javascript实现网页缩放

Amy小兔兔

Amy小兔兔

2016-02-19 22:13

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的妙用javascript实现网页缩放懂设计的网友们快点来了解吧!

  现在网页上的字体是越来越小,别说是视力欠佳者就是好眼睛看久了也疼的难受,于是编写了下面这段小脚本,建议网页制作人能够加到网页代码的 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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  代码非常简单!请按L键放大网页,按S键缩小,按R键恢复正常显示!您可以自己定义不同的按键来达到效果,如F系列功能键,这里就不再介绍了。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

妙用javascript实现网页缩放

Web开发
妙用javascript实现网页缩放

JavaScript实现网页图片等比例缩放

Web开发
JavaScript实现网页图片等比例缩放

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript实现网页跳转的方法

Web开发
javascript实现网页跳转的方法

photoshop如何实现缩放效果

PS教程 PS基础
photoshop如何实现缩放效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop图层样式“缩放效果”的妙用

PS PS教程
Photoshop图层样式“缩放效果”的妙用

中文的版用JavaScript实现超酷的“网页时钟”

Web开发
中文的版用JavaScript实现超酷的“网页时钟”

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win8系统如何限制磁盘的访问?

Win8系统如何限制磁盘的访问?

Javascript实例:Select的OnChange()事件

Javascript实例:Select的OnChange()事件
下拉加载更多内容 ↓