首页 给网站添加 大中小字体设置

给网站添加 大中小字体设置

chenmo 2013-2-18 0 1974

     给文章添加大中小字体设置和打印功能,有利于提高网站的用户体验,倡萌最近在完成一个单子的过程中,偶然看到了实现方法,今天就一起来看看如何添加吧.

添加大中小字体设置

1.在</head>前添加下面的js代码

//设置字体大小
<script type="text/javascript">
function SetFont(size)
{
	var divBody = document.getElementById("article_content");
	if(!divBody)
	{
	  	return;
	}
	divBody.style.fontSize = size + "px";
	var divChildBody = divBody.childNodes;
	for(var i = 0; i < divChildBody.length; i++)
	{
		if (divChildBody[i].nodeType==1)
		{
			divChildBody[i].style.fontSize = size + "px";
		}
	}
}
</script>

 

2.注意代码中的“article_content”是指文章内容所在的ID,article_content请根据你自己主题的实际修改。

3.在文章页面模板要显示设置的地方(比如WordPress主题的single.php文件),添加下面的代码.

<a href="javascript:SetFont(18)">大</a>
<a href="javascript:SetFont(16)">中</a>
<a href="javascript:SetFont(14)">小</a>


SetFont( )中的数字就是字体的大小,请根据自己需要修改。

到这里,功能已经实现,剩下的就是通过css来设置 大中小 这三个字的显示方式了。

来源:http://www.cmhello.com/setfont-and-print.html

#代码修改##网站字体##大小#

免责声明:本文仅代表作者个人观点,与本网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
作者: chenmo 本文最后编辑于2013-2-18 09:30:47
chenmo

一个爱玩电脑,却又不沉迷游戏;喜欢网页设计,却又能力不足。喜欢网上到处灌,关注科技类新闻,寻搜有价值的网站。喜欢美剧,又喜爱电影,可以很宅,很宅,却又爱好户外骑行运动,喜欢接近大自然的心声。

作者的微博

发表评论: