妙用javascript实现网页缩放

Amy小兔兔

Amy小兔兔

2016-02-19 22:13

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

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

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

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

(本文来源于图老师网站,更多请访问http://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教程:网页中加入JavaScript

Web开发
JavaScript教程:网页中加入JavaScript

lolAD刺客新符文搭配推荐

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

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

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

Javascript实例:Select的OnChange()事件

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