妙用javascript实现网页缩放

2016-02-19 22:13 0 1 收藏

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.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

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

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

来源:http://www.tulaoshi.com/n/20160219/1627942.html

延伸阅读
标签: Web开发
在 Facebook 上有一个彩蛋: 登录 facebook.com ,点击你首页的任何地方,键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后,再点击页面或滚动一下滚动条,你会发现特殊的变化(如下图),嘿嘿 ^^ 玩过“魂斗罗”的朋友,肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技”的术语叫 Konami ...
标签: Web开发
在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。      方案一:      以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下: script language=”javascript” /** * 删除...
标签: Web开发
最近看fp比较上瘾。。。JS里的各种奇淫巧计也是不亦乐乎。oliver用单行javascript实现了fp里的memoizaion Bezier.prototype.getLength = function() {   var length = ... // 复杂、expensive的计算   return (this.getLength = function(){return length})(); } 原文讲得比较详细,内存泄漏都考虑到了。地址是 http://ost...
标签: 浏览器
阿云浏览器如何缩放网页   用户只需要点击状态栏的网页缩放按钮,即可选择您需要的比例,如下图所示:
由于最近项目忙,博客一直没有时间更新,今天有点时间就连续更新两篇吧,过过瘾。 这篇图片拖拽缩放也是我在项目中用到的,今天整理一下,将源码奉献给大家,希望对大家以后碰到相似的问题有帮助。 这篇就不做过多介绍了,直接上源码: 代码如下: public class SpacePageActivity extends Activity { private LinearLayout linnerLayout_...

经验教程

825

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部