JS特效:改变字体大小_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

Html教程

JS特效:改变字体大小

作者:admin 来源: 更新时间:2013-09-24

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>改变文章内容字体的大小</title>
<script language="javascript">
function articleSize(size,lineheight){
 var article = document.getElementById("article");
 article.style.fontSize = size+"px";
 article.style.lineHeight = lineheight+"px";
}


</script>
</head>

<body>

<a href="#" title="" onclick="articleSize(16,24);">大</a>

<a href="#" title="" onclick="articleSize(14,24);">中</a>

<a href="#" title="" onclick="articleSize(12,24);">小</a>
<div id="article">
<br  />
改变文章内容字体的大小。
齐迪网络科技,为您提供超实惠的网站制作服务,为您提供超低价的域名注册,云虚拟主机,云空间。
</div>

</body>
</html>


本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-wdl-25.html