当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]javascript 改变字体大小方法集合

Javascript
JS 页面自动加载函数(兼容多浏览器)
innerText和innerHTML 一些问题分析
js 淘宝首页的拼音排序效果
jquery 获取当前元素的索引值
编写兼容IE和FireFox的脚本
JavaScript Table行定位效果
W3C Group的JavaScript1.8 新特性介绍
JavaScript 取一个月的最后一天
两个table之间相互移动数据
Javascript 的addEventListener()及attachEvent()区别分析
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
javascript操作cookie_获取与修改代码
鼠标经过的文本框textbox变色
Javascript 兼容firefox的一些问题
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
简单的js分页脚本
各种常用浏览器getBoundingClientRect的解析
document.compatMode介绍
javascript 方法一些使用方法
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家

Javascript 中的 [原创]javascript 改变字体大小方法集合


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 431 ::
收藏到网摘: n/a

给网页正文提供,小 中 大 三种字体的切换功能。用js代码设置div style的fontSize属性。

第一种方法: 分为 大 中 小 控制正文字体大小,一般需要指定 id

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

第二种方法,用的不多,有特殊需要的可以用。这个是设置body中所有的大小设置,不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

第三种方法: 只有增加 减小 两种方法,不过很实用,本站也是用的这种方法
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]