实现字体大中小的另一种方法

2016/5/11

<!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=gb2312" />
<title>实现字体大中小的另一种方法-懒人图库</title>
<style type="text/css">

</style>
<SCRIPT type=text/javascript>
function $(xixi) {
return document.getElementById(xixi);
}
//转换字号
function doZoom(size){
	if(size==12){
		$("contentText").style.fontSize = size + "px";
		$("fs12").style.display = "";
		$("fs14").style.display = "none";
		$("fs16").style.display = "none";
	}
	if(size==14){
		$("contentText").style.fontSize = size + "px";
		$("fs12").style.display = "none";
		$("fs14").style.display = "";
		$("fs16").style.display = "none";
	}
	if(size==16){
		$("contentText").style.fontSize = size + "px";
		$("fs12").style.display = "none";
		$("fs14").style.display = "none";
		$("fs16").style.display = "";
	}
}
</SCRIPT>

</head>

<body>

<DIV id=contentText>懒人图库 学会偷懒，并懒出境界是提高工作效率最有效的方法！</DIV>

<p>说明：此方法有别于之前发布的<a href="http://www.lanrentuku.com/js/text-239.html" target="_blank">字号缩放代码</a>，点击链接后，当前字号则不显示链接。</p>
<p>整理：懒人西西</p>
<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

此方法有别于之前发布的字号缩放代码，点击链接后，当前字号则不显示链接。

标签：

下载地址：[大小:]

下载说明：
本站所有素材资源仅供学习与参考，版权为原作者所有，请勿用于商业用途，否则所产生的一切后果将由您自己承担！
极速下载支持各类多线程下载工具(迅雷)、浏览器(360浏览器)等，适合较大文件的下载！
其他普通下载点限制多线程，仅允许直接点击下载的单线程下载方式，适合较小的文件下载！
站内素材资源如有侵犯您的版权，请及时联系我们处理。

实现字体大中小的另一种方法

下载地址：[大小:]

相关素材