ddc
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网站综合首页 >> 网页JS特效 >> 鼠标事件类 >> JavaScript实现网页缩放

JavaScript实现网页缩放

来源:中国设计秀    作者:网页设计秀    点击:85     加入收藏    发表评论
0
顶一下

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

代码如下:

<script language="javascript">
var i=0;
document.onkeydown = zoom;
function zoom(){
var IEKey = event.keyCode;
if (IEKey == 66) {
i++;
document.body.style.zoom=1+i/100;
}
if (IEKey == 68) {
i--;
document.body.style.zoom=1+i/100;
}
if (IEKey == 82) {
document.body.style.zoom=1;
i=1;
}
}
</script>

代码非常简单!需要时,按B键放大网页,按D键缩小网页,按R键恢复正常显示!

你也可以自己定义不同的按键来实现此功能,只需更改上面代码中“粗体”部分的数字即可,A—Z的数字代码是65—90。另外,更改上面代码中“粗斜体”部分的数字,还可以调节每按一次B或D键放大或缩小的倍数,数字越大每次放大或缩小的倍数越小,反之,数字越小每次放大或缩小的倍数越大。

2005-10-29 12:30:19    出处:http://www.cnwebshow.com
Google
热点文章/相关文章
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口