字体大中小 JS

最新推荐文章于 2022-02-10 23:47:44 发布

原创最新推荐文章于 2022-02-10 23:47:44 发布 · 817 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function

本文介绍了一种使用JavaScript实现的网页字体大小动态调整方法。通过简单的脚本和HTML结构，用户可以根据需求选择字体的大、中、小三种尺寸。此功能提高了网页内容的可读性和用户体验。

<SCRIPT language=javascript>
function ContentSize(size)
{
var obj=document.all.BodyLabel;
obj.style.fontSize=size+"px";
}
</SCRIPT>
<SPAN id=BodyLabel style="PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
要变化的字体
</span>
【字体：<A href="javascript:ContentSize(16)">大</A>
<A href="javascript:ContentSize(14)">中</A>
<A href="javascript:ContentSize(12)">小</A> 】