JS技术

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

字号+ 作者: 来源:PHP100论坛    2014-11-17 20:00 我要评论( )

一: 【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

一:
【<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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • OpenGL边用边学------2 OpenGL状态、视口设置 - smstong的成长轨迹 - 博客频道 - CSDN

    OpenGL边用边学------2 OpenGL状态、视口设置 - smstong的成长轨迹 -

    2015-12-14 17:57

  • OpenGL边用边学------1 VS2015最简单OpenGL设置代码 - smstong的成长轨迹 - 博客频道

    OpenGL边用边学------1 VS2015最简单OpenGL设置代码 - smstong的成长

    2015-12-13 11:29

  • JScript中正则表达式用法详解(附例子:JScript做语法加亮显示) _javascript教程教程

    JScript中正则表达式用法详解(附例子:JScript做语法加亮显示) _java

    2015-10-08 13:13

  • 在客户端设置cooke和获取cooke的函数_javascript教程教程

    在客户端设置cooke和获取cooke的函数_javascript教程教程

    2015-10-08 10:35

网友点评
w