有时候看见一些新闻的网页上面有几个可以调整网页内容字体大小的按钮,如:大,中,小,正好公司的项目中也要用到,到网上看了看,都不好用!于是自己便写了个!
<script type="text/javascript">
//设置字体 by hk 2007-3-9
function SetFont(size)
{
var divBody = document.getElementById("news_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>
调用的地方:
<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>