教学E网

您现在的位置是:首页 > 微课学堂 > 常用代码

常用代码

新闻中设置字体大中小的代码

作者:佚名 2019-10-16常用代码 加群
新闻字体大中小代码
一:bul教学E网
【<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>】

<SCRIPT language=JavaScript>bul教学E网
function doZoom(size){bul教学E网
document.getElementById('zoom').style.fontSize=size+'px';bul教学E网
}bul教学E网
</SCRIPT>bul教学E网

<font id="zoom">内容</font>bul教学E网

二:bul教学E网
一个超简单的新闻中设置字体大中小的例子:bul教学E网

首页在网页区加上这段JSbul教学E网

bul教学E网
<SCRIPT language=javascript type=text/javascript> bul教学E网
<!-- bul教学E网
function ContentSize(size) bul教学E网
{ bul教学E网
var obj=document.getElementById("Content"); bul教学E网
obj.style.fontSize=size+"px"; bul教学E网
} bul教学E网
--> bul教学E网
</SCRIPT>bul教学E网

调用:bul教学E网

<A href="javascript:ContentSize(16)">大</a> bul教学E网
<A href="javascript:ContentSize(14)">中</a> bul教学E网
<A href="javascript:ContentSize(12)">小</a>bul教学E网

要更改的文字:id=content是必须的bul教学E网

<DIV id=Content style="FONT-SIZE: 13px" align="center">bul教学E网

<p>一个超简单的新闻中设置字体大中小的例子</p>bul教学E网

</div>bul教学E网

文章评论