js控制文字大小显示可大中小三种切换

发布时间:2020-06-19编辑:脚本学堂
使用js控制文字的大小显示,在页同中设置大中小三种字体选择,很多页面中常见,字号分别为20、14、12像素。

js控制文字分别以 大,中,小 三种方式显示。

代码:
 

复制代码 代码示例:
<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>数据库(主要是mysqlaccess数据库),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>