js整体缩小网页_妙用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>

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

js整体缩小网页_妙用JavaScript实现网页的任意缩放相关推荐

360浏览器打不开网页_浏览器打不开网页是什么原因打不开网页原因解决方法...
浏览器打不开网页是什么原因?对于网页打不开的原因都多种,并没有直接原因可以查明,不过我们可以利用排查的方法来解决这个故障 1.宽带未连接.重新连接宽带. 2.路由器故障.拆除路由器后,进行宽带连接试用 ...
dw网页设计期末设计一个网页_制作网站与设计网页可以用什么软件？
网站制作确实是项技术活,要不然怎么一个前端设计师工资都可以到6-7K呢,早在读书时代稍有爱好网页设计时就听说过网页三剑客. 网页三剑客网页三剑客,是一套强大的网页编辑工具,最初是由Macromedi ...
js整体缩小网页_SEO网页优化的原则是什么?
SEO网页优化的原则是什么?SEO优化对于网页的排名是非常重要的,排名高低直接影响到流量和转化,那么怎么优化呢,SEO网页优化的原则是什么?下面小编来告诉你SEO网页优化的原则. 1.不要抄袭.因为独 ...
js整体缩小网页_js实现整体缩放页面适配移动端
大家在适配页面的Web端和移动端时候,如果不需要那么麻烦,就可以使用js进行整体缩放,只需要引入一个js,改动htmll头部代码即可切记: 1.该 JS 应在 head 中尽可能早的引入,减少重绘. ...
js逻辑训练题_几道javascript练习题
走在前端的大道上问题1: 作用域(Scope) 考虑以下代码: (function() { var a = b = 5; })(); console.log(b); 控制台(console)会打印出 ...
js室内地图开发_室内地图 JavaScript API
室内地图JavaScript API文档 V1.2 主要功能类: Map API各种类中的核心部分,用来在页面中创建地图并操纵地图. //示例初始化地图 var map = new Indoor.M ...
java中的js是什么意思_什么是JavaScript
来源:https://www.koofun.com/pro/kfpostsdetail?kfpostsid=30&cid= JavaScript是一种松散类型的客户端脚本语言,在用户浏览器中执 ...
js中every用法_详解JavaScript中的every()方法
JavaScript 数组中的每个方法测试数组中的所有元素是否经过所提供的函数来实现测试. 语法 array.every(callback[, thisObject]); 下面是参数的详细信息: ca ...
js室内地图开发_室内地图JavaScript SDK地图控制 - 蜂鸟云
地图控制 Fengmap地图加载完成后,可通过地图方法和地图进行交互. 单/多楼层显示地图加载完成后可配置楼层显示数量,当地图为多层时,地图数据的楼层ID从groupID =1开始依次向上加1,默认 ...

js整体缩小网页_妙用JavaScript实现网页的任意缩放

js整体缩小网页_妙用JavaScript实现网页的任意缩放相关推荐

最新文章

热门文章