js小技巧实现字体大中小的另一种方法

最新推荐文章于 2022-05-24 18:25:16 发布

原创最新推荐文章于 2022-05-24 18:25:16 发布 · 678 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #class #function #工作

本文介绍了一种实现网页字体大小切换的方法，通过点击不同的链接来改变页面内容区域的文字大小，并隐藏已选中的字号选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//转换字号
function doZoom(size){
if(size==12){
  $("contentText").style.fontSize = size + "px";
  $("fs12").style.display = "";
  $("fs14").style.display = "none";
  $("fs16").style.display = "none";
}
if(size==14){
  $("contentText").style.fontSize = size + "px";
  $("fs12").style.display = "none";
  $("fs14").style.display = "";
  $("fs16").style.display = "none";
}
if(size==16){
  $("contentText").style.fontSize = size + "px";
  $("fs12").style.display = "none";
  $("fs14").style.display = "none";
  $("fs16").style.display = "";
}
}
</SCRIPT>

</head>

<body>

<DIV id=contentText>懒人图库学会偷懒，并懒出境界是提高工作效率最有效的方法！</DIV>

<p>说明：此方法有别于之前发布的<a href="http://www.lanrentuku.com/js/text-239.html" target="_blank">字号缩放代码</a>，点击链接后，当前字号则不显示链接。</p>
<p>整理：懒人西西</p>
<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>