您的位置:首页 > Web前端 > JavaScript

用javascript设置文章的字体大小为[大 中 小]的办法!

2009-03-24 09:58 441 查看
有时候看见一些新闻的网页上面有几个可以调整网页内容字体大小的按钮,如:大,中,小,正好要用到

Code

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: