当前位置导航:炫浪网>>网络学院>>网页制作>>JavaScript教程

新闻中设置字体大中小的例子

一:
【<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>】

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

<font id="zoom">内容</font>

二:
一个超简单的新闻中设置字体大中小的例子:

首页在网页区加上这段JS


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

调用:

<A href="javascript:ContentSize(16)">大</a>
<A href="javascript:ContentSize(14)">中</a>
<A href="javascript:ContentSize(12)">小</a>

要更改的文字:id=content是必须的

<DIV id=Content style="FONT-SIZE: 13px" align="center">

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

</div>

相关内容
赞助商链接