javascript实现控制文字大中小显示
更新时间：2015年04月28日 10:33:46 投稿：hebedich
网页上可以自由改变字体大小是个非常有助于用户体验的小功能，现在许多网站上都有此功能，今天我们来简单实现下。
部分网站内容页通常会看到有控制文字分别以 大，中，小 三种方式显示，下面就把这个小功能做一下记录，对提高网站用户体验度还是有一些帮助的哦！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js控制文字大中小显示</title>
</head>
<body>
<script language="javascript">
function setFontSize(objID,size){
document.getElementById(objID).style.fontSize=size+'px';
}
</script>
<div id="content">
<p>数据库(主要是MySQL和Access数据库),javascript,jquery,div+css,html,windows系统,linux系统以及健康养生方面的学习笔记和生活经验积累!</p>
</div>
<a onclick="setFontSize('content',20)">大</a>
<a onclick="setFontSize('content',14)">中</a>
<a onclick="setFontSize('content',12)">小</a>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要给大家介绍了关于利用JS十分钟判断数组中存在元素的多种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
JavaScript 动态添加脚本，并触发回调函数的实现代码
JavaScript 动态添加脚本，并触发回调函数的实现代码，需要的朋友可以参考下。2011-01-01
这篇文章主要介绍了JS ES新特性 扩展运算符，下面文章围绕ES新特性 扩展运算符的相关资料展开详细内容,需要的朋友可以参考一下，希望对大家有所帮助2021-12-12
这篇文章主要介绍了基于JS实现禁止查看源码及获取键盘的按键值,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-02-02
这篇文章主要介绍了小程序使用分包的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
这篇文章主要介绍了使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
在前端Web开发中，下载文件是一个很常见的需求。这篇文章就来和大家介绍下几种download解决方案，以及特殊Case的最佳方案选择，希望对大家有所帮助2023-02-02
字体图标是在 Web 项目中使用的图标字体。接下来通过本文给大家介绍BootStrap glyphicons 字体图标实现方法，需要的朋友参考下2016-05-05
这篇文章主要为大家详细介绍了微信小程序自定义复选框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了JS实现的杨辉三角【帕斯卡三角形】算法,结合实例形式分析了杨辉三角的原理及javascript实现杨辉三角的相关操作技巧,需要的朋友可以参考下2019-02-02
最新评论